提交合并后版本

public/js/config.js

@@ -3,4 +3,4 @@ export let config = {
   "hadertitle":"AI视频分析平台",//系统标题
   "logintitle":"AI视频分析平台",//展示标题
   "https": false,
-}
\ No newline at end of file
+}

public/js/version.json

-{"commit":"ee93678efa5d71b73b150061b821123318d8e244","commitDate":"2020-11-27 9:51","buildDate":"2020-12-23 18:0","version":"2.0.9","info":"1.【new】添加admin重置普通用户密码功能 2.【new】添加密码登录5次锁定功能 3.【bug】修复角色管理菜单选中BUG 4.【bug】修复系统管理用户管理添加时间IE下显示错误"}
\ No newline at end of file
+{"commit":"09e2faff9150d34bdd047ee5b5ed31865ef4aa7f","commitDate":"2020-12-23 18:27","buildDate":"2020-12-24 10:33","version":"2.0.9","info":"增加列表展示图片"}
\ No newline at end of file

src/api/apiList.js

@@ -8,6 +8,7 @@ import resource from "./resource";
 import codes from "./codes";
 import ops from "./ops";
 import {config} from '../../public/js/config.js'
+import baseurl from './baseUrl'
 let wsIP = "";
 switch (process.env.NODE_ENV) {
   case "development":
@@ -31,5 +32,6 @@ export default {
   resource,
   codes,
   ops,
-  wsIP
+  wsIP,
+  baseurl
 };

src/api/device/index.js

@@ -45,5 +45,20 @@ export default {
   },
   getSubTaskStatus() {
     return api.get(`${baseUrl}/api/v1/devconf_fx/tasks/subtasks/status`);
+  },
+  algos: (devid,params) => {
+    return api.get(`${baseUrl}/api/v1/devconf_fx/devs/${devid}/algos`,params) // 设备算法
+  },
+  savealgocombs: (params) =>{
+    return api.post(`${baseUrl}/api/v1/devconf_fx/algo_combs`,params) // 保存模板
+  },
+  combs:(params) =>{
+    return api.get(`${baseUrl}/api/v1/devconf_fx/algo_combs`,params)
+  },
+  containeslist:(params) => {
+    return api.get(`${baseUrl}/api/v1/gpu/resource/containers`,params)
+  },
+  gpuresource:(params)=> {
+    return api.get(`${baseUrl}/api/v1/gpu/resource`,params)
   }
 };

src/api/index.js

 import axios from "./axios";
-
 let instance = axios();
 
 export default {

src/assets/icon/icon/demo.css

+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.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;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.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 {
+  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 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;
+}
+
+.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;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/assets/icon/icon/demo_index.html

+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>IconFont Demo</title>
+  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1088261" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe600;</span>
+                <div class="name">行人</div>
+                <div class="code-name">&amp;#xe600;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d6;</span>
+                <div class="name">暂停任务</div>
+                <div class="code-name">&amp;#xe6d6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62b;</span>
+                <div class="name">车辆</div>
+                <div class="code-name">&amp;#xe62b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe618;</span>
+                <div class="name">设置</div>
+                <div class="code-name">&amp;#xe618;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a2;</span>
+                <div class="name">放大</div>
+                <div class="code-name">&amp;#xe6a2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62e;</span>
+                <div class="name">行人</div>
+                <div class="code-name">&amp;#xe62e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe612;</span>
+                <div class="name">放大</div>
+                <div class="code-name">&amp;#xe612;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe616;</span>
+                <div class="name">缩小</div>
+                <div class="code-name">&amp;#xe616;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63a;</span>
+                <div class="name">可暂停任务</div>
+                <div class="code-name">&amp;#xe63a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe640;</span>
+                <div class="name">CPU</div>
+                <div class="code-name">&amp;#xe640;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe666;</span>
+                <div class="name">原点</div>
+                <div class="code-name">&amp;#xe666;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe76c;</span>
+                <div class="name">路灯</div>
+                <div class="code-name">&amp;#xe76c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe625;</span>
+                <div class="name">暂停</div>
+                <div class="code-name">&amp;#xe625;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe634;</span>
+                <div class="name">硬盘管理</div>
+                <div class="code-name">&amp;#xe634;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60c;</span>
+                <div class="name">车辆运维</div>
+                <div class="code-name">&amp;#xe60c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61a;</span>
+                <div class="name">电子围栏</div>
+                <div class="code-name">&amp;#xe61a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe70e;</span>
+                <div class="name">暂停</div>
+                <div class="code-name">&amp;#xe70e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">异常</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe657;</span>
+                <div class="name">开始</div>
+                <div class="code-name">&amp;#xe657;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe644;</span>
+                <div class="name">云台控制_光圈</div>
+                <div class="code-name">&amp;#xe644;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe645;</span>
+                <div class="name">云台控制_上</div>
+                <div class="code-name">&amp;#xe645;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe646;</span>
+                <div class="name">云台控制_调大</div>
+                <div class="code-name">&amp;#xe646;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe647;</span>
+                <div class="name">云台控制_聚焦</div>
+                <div class="code-name">&amp;#xe647;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe648;</span>
+                <div class="name">云台控制_右上</div>
+                <div class="code-name">&amp;#xe648;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe649;</span>
+                <div class="name">云台控制_右</div>
+                <div class="code-name">&amp;#xe649;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64a;</span>
+                <div class="name">云台控制_调小</div>
+                <div class="code-name">&amp;#xe64a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64b;</span>
+                <div class="name">云台控制_调大小</div>
+                <div class="code-name">&amp;#xe64b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64c;</span>
+                <div class="name">云台控制_下</div>
+                <div class="code-name">&amp;#xe64c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64d;</span>
+                <div class="name">云台控制_自由</div>
+                <div class="code-name">&amp;#xe64d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64f;</span>
+                <div class="name">云台控制_右下</div>
+                <div class="code-name">&amp;#xe64f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe650;</span>
+                <div class="name">云台控制_左</div>
+                <div class="code-name">&amp;#xe650;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe651;</span>
+                <div class="name">云台控制_左上</div>
+                <div class="code-name">&amp;#xe651;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe652;</span>
+                <div class="name">云台控制_左下</div>
+                <div class="code-name">&amp;#xe652;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe74d;</span>
+                <div class="name">灯</div>
+                <div class="code-name">&amp;#xe74d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62f;</span>
+                <div class="name">灯2</div>
+                <div class="code-name">&amp;#xe62f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe601;</span>
+                <div class="name">原点</div>
+                <div class="code-name">&amp;#xe601;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe670;</span>
+                <div class="name">卡口摄像头</div>
+                <div class="code-name">&amp;#xe670;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67e;</span>
+                <div class="name">卡口监控摄像头</div>
+                <div class="code-name">&amp;#xe67e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67f;</span>
+                <div class="name">卡口视频摄像头</div>
+                <div class="code-name">&amp;#xe67f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7d0;</span>
+                <div class="name">开始</div>
+                <div class="code-name">&amp;#xe7d0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6af;</span>
+                <div class="name">暂停</div>
+                <div class="code-name">&amp;#xe6af;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe605;</span>
+                <div class="name">开始</div>
+                <div class="code-name">&amp;#xe605;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe606;</span>
+                <div class="name">枪机</div>
+                <div class="code-name">&amp;#xe606;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60d;</span>
+                <div class="name">温度计</div>
+                <div class="code-name">&amp;#xe60d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64e;</span>
+                <div class="name">球机</div>
+                <div class="code-name">&amp;#xe64e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe617;</span>
+                <div class="name">渣土车-s</div>
+                <div class="code-name">&amp;#xe617;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe80c;</span>
+                <div class="name">球机</div>
+                <div class="code-name">&amp;#xe80c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe679;</span>
+                <div class="name">运行任务</div>
+                <div class="code-name">&amp;#xe679;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe602;</span>
+                <div class="name">异常任务数</div>
+                <div class="code-name">&amp;#xe602;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f7;</span>
+                <div class="name">运行任务</div>
+                <div class="code-name">&amp;#xe6f7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60f;</span>
+                <div class="name">异常</div>
+                <div class="code-name">&amp;#xe60f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe603;</span>
+                <div class="name">已运行任务列表</div>
+                <div class="code-name">&amp;#xe603;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <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">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.eot');
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont.woff2') format('woff2'),
+      url('iconfont.woff') format('woff'),
+      url('iconfont.ttf') format('truetype'),
+      url('iconfont.svg#iconfont') format('svg');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xingren"></span>
+            <div class="name">
+              行人
+            </div>
+            <div class="code-name">.icon-xingren
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiaolvdashitubiao33311"></span>
+            <div class="name">
+              暂停任务
+            </div>
+            <div class="code-name">.icon-xiaolvdashitubiao33311
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-cheliang"></span>
+            <div class="name">
+              车辆
+            </div>
+            <div class="code-name">.icon-cheliang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shezhi"></span>
+            <div class="name">
+              设置
+            </div>
+            <div class="code-name">.icon-shezhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-webicon311"></span>
+            <div class="name">
+              放大
+            </div>
+            <div class="code-name">.icon-webicon311
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xingren1"></span>
+            <div class="name">
+              行人
+            </div>
+            <div class="code-name">.icon-xingren1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fangda"></span>
+            <div class="name">
+              放大
+            </div>
+            <div class="code-name">.icon-fangda
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-suoxiao"></span>
+            <div class="name">
+              缩小
+            </div>
+            <div class="code-name">.icon-suoxiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-task-pause"></span>
+            <div class="name">
+              可暂停任务
+            </div>
+            <div class="code-name">.icon-task-pause
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-CPU"></span>
+            <div class="name">
+              CPU
+            </div>
+            <div class="code-name">.icon-CPU
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuandian"></span>
+            <div class="name">
+              原点
+            </div>
+            <div class="code-name">.icon-yuandian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-ludeng"></span>
+            <div class="name">
+              路灯
+            </div>
+            <div class="code-name">.icon-ludeng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zanting"></span>
+            <div class="name">
+              暂停
+            </div>
+            <div class="code-name">.icon-zanting
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yingpanguanli"></span>
+            <div class="name">
+              硬盘管理
+            </div>
+            <div class="code-name">.icon-yingpanguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-cheliangyunwei"></span>
+            <div class="name">
+              车辆运维
+            </div>
+            <div class="code-name">.icon-cheliangyunwei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dianziweilan"></span>
+            <div class="name">
+              电子围栏
+            </div>
+            <div class="code-name">.icon-dianziweilan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zanting1"></span>
+            <div class="name">
+              暂停
+            </div>
+            <div class="code-name">.icon-zanting1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yichangjigou"></span>
+            <div class="name">
+              异常
+            </div>
+            <div class="code-name">.icon-yichangjigou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kaishi"></span>
+            <div class="name">
+              开始
+            </div>
+            <div class="code-name">.icon-kaishi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_guangquan"></span>
+            <div class="name">
+              云台控制_光圈
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_guangquan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_shang"></span>
+            <div class="name">
+              云台控制_上
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_shang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_tiaoda"></span>
+            <div class="name">
+              云台控制_调大
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_tiaoda
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_jujiao"></span>
+            <div class="name">
+              云台控制_聚焦
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_jujiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_youshang"></span>
+            <div class="name">
+              云台控制_右上
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_youshang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_you"></span>
+            <div class="name">
+              云台控制_右
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_you
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_tiaoxiao"></span>
+            <div class="name">
+              云台控制_调小
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_tiaoxiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_tiaodaxiao"></span>
+            <div class="name">
+              云台控制_调大小
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_tiaodaxiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_xia"></span>
+            <div class="name">
+              云台控制_下
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_xia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_ziyou"></span>
+            <div class="name">
+              云台控制_自由
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_ziyou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_youxia"></span>
+            <div class="name">
+              云台控制_右下
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_youxia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_zuo"></span>
+            <div class="name">
+              云台控制_左
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_zuo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_zuoshang"></span>
+            <div class="name">
+              云台控制_左上
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_zuoshang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuntaikongzhi_zuoxia"></span>
+            <div class="name">
+              云台控制_左下
+            </div>
+            <div class="code-name">.icon-yuntaikongzhi_zuoxia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-deng"></span>
+            <div class="name">
+              灯
+            </div>
+            <div class="code-name">.icon-deng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-deng1"></span>
+            <div class="name">
+              灯2
+            </div>
+            <div class="code-name">.icon-deng1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconfontdian1"></span>
+            <div class="name">
+              原点
+            </div>
+            <div class="code-name">.icon-iconfontdian1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qiakoushexiangtou"></span>
+            <div class="name">
+              卡口摄像头
+            </div>
+            <div class="code-name">.icon-qiakoushexiangtou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qiakoujiankongshexiangtou"></span>
+            <div class="name">
+              卡口监控摄像头
+            </div>
+            <div class="code-name">.icon-qiakoujiankongshexiangtou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qiakoujiankongshexiangtou1"></span>
+            <div class="name">
+              卡口视频摄像头
+            </div>
+            <div class="code-name">.icon-qiakoujiankongshexiangtou1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kaishi1"></span>
+            <div class="name">
+              开始
+            </div>
+            <div class="code-name">.icon-kaishi1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zanting2"></span>
+            <div class="name">
+              暂停
+            </div>
+            <div class="code-name">.icon-zanting2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-play"></span>
+            <div class="name">
+              开始
+            </div>
+            <div class="code-name">.icon-play
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qiangji"></span>
+            <div class="name">
+              枪机
+            </div>
+            <div class="code-name">.icon-qiangji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wenduji"></span>
+            <div class="name">
+              温度计
+            </div>
+            <div class="code-name">.icon-wenduji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qiuji"></span>
+            <div class="name">
+              球机
+            </div>
+            <div class="code-name">.icon-qiuji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhatuche-s"></span>
+            <div class="name">
+              渣土车-s
+            </div>
+            <div class="code-name">.icon-zhatuche-s
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qiuji1"></span>
+            <div class="name">
+              球机
+            </div>
+            <div class="code-name">.icon-qiuji1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yunhangrenwu"></span>
+            <div class="name">
+              运行任务
+            </div>
+            <div class="code-name">.icon-yunhangrenwu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yichangrenwushu"></span>
+            <div class="name">
+              异常任务数
+            </div>
+            <div class="code-name">.icon-yichangrenwushu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yunhangrenwu1"></span>
+            <div class="name">
+              运行任务
+            </div>
+            <div class="code-name">.icon-yunhangrenwu1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yichang"></span>
+            <div class="name">
+              异常
+            </div>
+            <div class="code-name">.icon-yichang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yiyunhangrenwuliebiao"></span>
+            <div class="name">
+              已运行任务列表
+            </div>
+            <div class="code-name">.icon-yiyunhangrenwuliebiao
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <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="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xingren"></use>
+                </svg>
+                <div class="name">行人</div>
+                <div class="code-name">#icon-xingren</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiaolvdashitubiao33311"></use>
+                </svg>
+                <div class="name">暂停任务</div>
+                <div class="code-name">#icon-xiaolvdashitubiao33311</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-cheliang"></use>
+                </svg>
+                <div class="name">车辆</div>
+                <div class="code-name">#icon-cheliang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shezhi"></use>
+                </svg>
+                <div class="name">设置</div>
+                <div class="code-name">#icon-shezhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-webicon311"></use>
+                </svg>
+                <div class="name">放大</div>
+                <div class="code-name">#icon-webicon311</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xingren1"></use>
+                </svg>
+                <div class="name">行人</div>
+                <div class="code-name">#icon-xingren1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fangda"></use>
+                </svg>
+                <div class="name">放大</div>
+                <div class="code-name">#icon-fangda</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-suoxiao"></use>
+                </svg>
+                <div class="name">缩小</div>
+                <div class="code-name">#icon-suoxiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-task-pause"></use>
+                </svg>
+                <div class="name">可暂停任务</div>
+                <div class="code-name">#icon-task-pause</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-CPU"></use>
+                </svg>
+                <div class="name">CPU</div>
+                <div class="code-name">#icon-CPU</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuandian"></use>
+                </svg>
+                <div class="name">原点</div>
+                <div class="code-name">#icon-yuandian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-ludeng"></use>
+                </svg>
+                <div class="name">路灯</div>
+                <div class="code-name">#icon-ludeng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zanting"></use>
+                </svg>
+                <div class="name">暂停</div>
+                <div class="code-name">#icon-zanting</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yingpanguanli"></use>
+                </svg>
+                <div class="name">硬盘管理</div>
+                <div class="code-name">#icon-yingpanguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-cheliangyunwei"></use>
+                </svg>
+                <div class="name">车辆运维</div>
+                <div class="code-name">#icon-cheliangyunwei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dianziweilan"></use>
+                </svg>
+                <div class="name">电子围栏</div>
+                <div class="code-name">#icon-dianziweilan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zanting1"></use>
+                </svg>
+                <div class="name">暂停</div>
+                <div class="code-name">#icon-zanting1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yichangjigou"></use>
+                </svg>
+                <div class="name">异常</div>
+                <div class="code-name">#icon-yichangjigou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kaishi"></use>
+                </svg>
+                <div class="name">开始</div>
+                <div class="code-name">#icon-kaishi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_guangquan"></use>
+                </svg>
+                <div class="name">云台控制_光圈</div>
+                <div class="code-name">#icon-yuntaikongzhi_guangquan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_shang"></use>
+                </svg>
+                <div class="name">云台控制_上</div>
+                <div class="code-name">#icon-yuntaikongzhi_shang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_tiaoda"></use>
+                </svg>
+                <div class="name">云台控制_调大</div>
+                <div class="code-name">#icon-yuntaikongzhi_tiaoda</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_jujiao"></use>
+                </svg>
+                <div class="name">云台控制_聚焦</div>
+                <div class="code-name">#icon-yuntaikongzhi_jujiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_youshang"></use>
+                </svg>
+                <div class="name">云台控制_右上</div>
+                <div class="code-name">#icon-yuntaikongzhi_youshang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_you"></use>
+                </svg>
+                <div class="name">云台控制_右</div>
+                <div class="code-name">#icon-yuntaikongzhi_you</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_tiaoxiao"></use>
+                </svg>
+                <div class="name">云台控制_调小</div>
+                <div class="code-name">#icon-yuntaikongzhi_tiaoxiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_tiaodaxiao"></use>
+                </svg>
+                <div class="name">云台控制_调大小</div>
+                <div class="code-name">#icon-yuntaikongzhi_tiaodaxiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_xia"></use>
+                </svg>
+                <div class="name">云台控制_下</div>
+                <div class="code-name">#icon-yuntaikongzhi_xia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_ziyou"></use>
+                </svg>
+                <div class="name">云台控制_自由</div>
+                <div class="code-name">#icon-yuntaikongzhi_ziyou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_youxia"></use>
+                </svg>
+                <div class="name">云台控制_右下</div>
+                <div class="code-name">#icon-yuntaikongzhi_youxia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_zuo"></use>
+                </svg>
+                <div class="name">云台控制_左</div>
+                <div class="code-name">#icon-yuntaikongzhi_zuo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_zuoshang"></use>
+                </svg>
+                <div class="name">云台控制_左上</div>
+                <div class="code-name">#icon-yuntaikongzhi_zuoshang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuntaikongzhi_zuoxia"></use>
+                </svg>
+                <div class="name">云台控制_左下</div>
+                <div class="code-name">#icon-yuntaikongzhi_zuoxia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-deng"></use>
+                </svg>
+                <div class="name">灯</div>
+                <div class="code-name">#icon-deng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-deng1"></use>
+                </svg>
+                <div class="name">灯2</div>
+                <div class="code-name">#icon-deng1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconfontdian1"></use>
+                </svg>
+                <div class="name">原点</div>
+                <div class="code-name">#icon-iconfontdian1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qiakoushexiangtou"></use>
+                </svg>
+                <div class="name">卡口摄像头</div>
+                <div class="code-name">#icon-qiakoushexiangtou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qiakoujiankongshexiangtou"></use>
+                </svg>
+                <div class="name">卡口监控摄像头</div>
+                <div class="code-name">#icon-qiakoujiankongshexiangtou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qiakoujiankongshexiangtou1"></use>
+                </svg>
+                <div class="name">卡口视频摄像头</div>
+                <div class="code-name">#icon-qiakoujiankongshexiangtou1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kaishi1"></use>
+                </svg>
+                <div class="name">开始</div>
+                <div class="code-name">#icon-kaishi1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zanting2"></use>
+                </svg>
+                <div class="name">暂停</div>
+                <div class="code-name">#icon-zanting2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-play"></use>
+                </svg>
+                <div class="name">开始</div>
+                <div class="code-name">#icon-play</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qiangji"></use>
+                </svg>
+                <div class="name">枪机</div>
+                <div class="code-name">#icon-qiangji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wenduji"></use>
+                </svg>
+                <div class="name">温度计</div>
+                <div class="code-name">#icon-wenduji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qiuji"></use>
+                </svg>
+                <div class="name">球机</div>
+                <div class="code-name">#icon-qiuji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhatuche-s"></use>
+                </svg>
+                <div class="name">渣土车-s</div>
+                <div class="code-name">#icon-zhatuche-s</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qiuji1"></use>
+                </svg>
+                <div class="name">球机</div>
+                <div class="code-name">#icon-qiuji1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yunhangrenwu"></use>
+                </svg>
+                <div class="name">运行任务</div>
+                <div class="code-name">#icon-yunhangrenwu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yichangrenwushu"></use>
+                </svg>
+                <div class="name">异常任务数</div>
+                <div class="code-name">#icon-yichangrenwushu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yunhangrenwu1"></use>
+                </svg>
+                <div class="name">运行任务</div>
+                <div class="code-name">#icon-yunhangrenwu1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yichang"></use>
+                </svg>
+                <div class="name">异常</div>
+                <div class="code-name">#icon-yichang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yiyunhangrenwuliebiao"></use>
+                </svg>
+                <div class="name">已运行任务列表</div>
+                <div class="code-name">#icon-yiyunhangrenwuliebiao</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <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="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

src/assets/icon/icon/iconfont.css

+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1567476277462'); /* IE9 */
+  src: url('iconfont.eot?t=1567476277462#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAACAAAAsAAAAAOygAAB+xAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCKCgraSMgwATYCJAOBUAtqAAQgBYRtB4ZTG9swVQQ2DgBI25dUFCV7Usj+/5LADYEJ/UPtpRRK0iMxCDIVjVJEl7Vjv7LSDiz4zS0d2UgOP8uZvuZhwYTHQ5tXvwLh35EpelzwnKL4YDGpxQ23DaVMgmitrFm430egkA4LB2QEgzRxrkNCw/D83Hr//7G//TW5EbUQGDHoA+U+sAEjvEGLwYiUQ5QjRM5NrGFS523E3cDcJEpOsbhCT8kLk9LmDLwwcjbUVSFJgQsVS99kFtumH6ZH3Jiwl9oVjNrm5wP/B9+pvVR4IAUODIGNQ2sfAdhS22Fg7ZC6/Fi/0q9kBwoHASfpiAvH4DgFSKnANjs1UT1pyiSo1gKU5rdtV2v/5lLHGsiAZDhlpZN2057yr7f1ceSPLWXxMlyECmALWBFwY3yYptj4P51Zu+OsA3wIfnkKzh0XVV66azoq+vkjg0Za7Vp2aKwlO2QFJYes9QbYB4DVtZeikoJSWEHvHi1gqgPANt0V3TUFlteU1xT9wb+uYV9ZT9uhhQ+qwZjsZ2z2e6C7KD10LmxERMVojP/75CQ0GLEkXboSkwhICsa+EtLjB3kZgORJKyjnJVVtLeKQBQbVMVJltdkDPjvff/oDNlIFZMocGKd09a4kG+ABflKn/M+a/KsucRznQ5FjCQXZu8h56QXkxpYcpSHq/URIqYA9Ywp9QUTDYIzNEp+QBx+BcPFS5CqxmUKHW8KHr7NiK2rqMfUnQFC5wuZh92HiGdi6/Y2Vkz2XhJvhqHDMsPzpF75+IJm0ZlO7eQtaLNpQU2dZoVVT2/xveBOaVep16tKtR68+/QYMGrJk2IhRYzo0mLJq2ozSnMy6NuMazVoh1QC6VRNkTyzdIgARJAIzScCYNQLBbBIETDthhJkniJgFgoppIWiYRYKB2SCMZTw15oCpIywwywQbUxCWMv4aPmCaCCEmJ9wxifDATBA+mGYiEFMROKaeEGM6CQmmiwjHdBMRmB4iEtNLSDF9RBSmn4jGDBAxmEEiFjNErMQsEV9ghgkZZoSIw4wS8ZgxIgXTQeRiGogSzBSxGbNKbMVMEwrMDNGBKYkezBxxDZMRrzHr/KBj2vgRixnnRxGmkR9TmFl+UmdbGXEHx30g3QJaPgAdh4wL0xsOmUJNoYA9V7oD1oqv26AXI8iVxKIkU82cKOi9JJqVoGTKgwow6tTkRKkXHKBq/zVH4PqVjuRvNWFr8GYYvv/bM1cEVm129ZAD5yV4AsjmomlIet+TMWKVzZmEAqaWmYnU5Vws4VYLxQbogCEVD8F9NyfE1m/cpYTUpFs6hqVVZRVVUNdbZcRkKwZV+phjI7HLyxwSJG8b4TwyW47iaMqgtGyu496wXavxliAgb4FF046265QIJSGylQ9byKn016OZNAMced6EV/kHmy27t/Wh6DYa5/b6e3bvBgAe84cQMrfjA+BGtq3vU7Wa3+LGr1zX6IcQylqik6RMIx4+tdxL37pnNqOcpd9CiN9ktzAWnv8+Te9Wupm2s/k/t7PtJyeDlzV826MvDT/kK6HIaEuHtANYpObzfmq8ORC95OyjVXXpox88/GRH5NKWp+FOujr6OX119Ofo29xtPxlut5eDn+xvbOZk6g2DrIQ/itwPtlmalFprPWHVbmSV0us9MUh7XTOq2qifPLN7K0V8vsm2xIZTIBJFeD9Nm8/y0XYvadc1ErGiFVrFRQY7T1Mpt6NlWg+f3oQp1jBync2V1XTaY0aqcQ7EVj7vNWGa3Xr2KJtVXTPdfIYZFE+SSdU2890HT24AjlPXs+2N5aVEQjp6sm4ntJ7JyBpgO2uP7+dybktL1B6T5FoWcnfi4MNstj1Ip1ffzOe7q0aqz6bTzZVcrvPGjlSjn8m0PphKuVxL+O8FI34isfSafSmZ7DmFhFzmu/b17cl676EebWM29wJXcHdMqMMAUMIzoa3a3aZBsOcx10BS0ySA4gCQ3AYDWrLVaZgUuS7zTKx0XQHoEoTME0oH1Ou265qFlXIkQtwwXAjjMcfqcqkB4nZaNd1GUjpKx55penYc1dj9z7ZNLH/+w/ijL3dOrnxxDIlnXkZWkEh/aWGRibyQqwGp9Ssaw5mHQ+4Z8NRJetjV9PI9VqqEmLZU0Svhn97CLsR9QHB6OC4GcJL1S6LnjC8/Njgem8QgCnEFQWyTSBUDhNHv0F5EEVJ/H7w3SttuXnStnIj6NyFQrwZVSNB/0b/KAdqutE1AvV6XOKikfuUAtom21ayuRRchgMUAMre8OqH9Yq11QHA2svHuVrrU4tMOZhfD88Mt0+gj7i8B5XKPsTCdrVH5I5T++Lq6ateB0q7VHvOnKxBiUKu3M1sE8UJs2VkSvE7iidzYJGGznymEhmv28MoXPxpk3wA3UqiWoMjGw09z5ANGCzexGjfcQi6CKICGg8JM3QMA0A9xw/VM6iklNUtShojreh62lQJNRf6B9HmaJC5TSMyqoloi/EqTjc2y16+KLeMawYAkAIY7F63fIIXmYjPPz82C5+D+4069LbpN1ujwVs3+fMOnnofPkRfHXjg8Fm9+KqYkHq84fgZ1+hCyQR4XSkynJpyt0ynZMiyl4scb014p1wpuc9DVqb3rgqyb06pWwQCddlSlwXBUlDyttju6xwyZuFTrJVNOu8s6rTKtSiFXhGqdoCnh6FySwcXsrXzWGJYuP4Mgxdpw+XOxYWu+XLw5VANYAMFQhEvxaEsvBUPak53DEM2D4Qso+0OAYBKOAQrnEAPgCOLkrkcRwGdeHg7FdrTX7R7gKnNRhEsAO6oWT/XgoW2p/JqmLBYWzTca9L9iK8fnBnHZQMyoZf/+3WVl8EhftOTD/mq/X/qgt0Q477O3AtFzSsBZzUIws/hcZ9CEnvc6WVSOdkR2jHGvS3mQ9wKKZk5YXXXBTrKw+R5d2laiG0NyZPwRfpul2US+M6s7i9Ybsstj99E7Ko5LrF0kfZey5MA/EB6TPTEwxrHqNhv740N3pBazLIgeIMhy7caYZIMqcn0dMFXB7ID1iz6L0zMxUC8WCL3+JWQpPAE3sXiWy8wakgwMAzM+rRf3N/uZIzLPa3Xbkk7KpCsL967atRQ3kQyEkRn0WjgK3Wa3LYljlYwOJLxZn8Fhts8Wo3/bSphe40yYx1uj0fCXwyxYD7guWrLdLY1mF+Px1nftARh77XrtaoDfVJiuN7DmBaBes9kwyJtbe0grAAr91dUsl/Unwx+Psiq0Xpyt+7mSKyJt0l5M6/ZGxk7KLOvPuSaE0RraUQR6jU6rOp+dveEapY6fnFU0m0mPqu6gebWN5co6Z5PaTK2XL3ufrgZZ8NhF3odM6A0QeGAyAZS+xQ3XnPaUVpCYG1Out6PKadLi21UOAH+KQzun2CapNH6U+6GSJAT9eIofSJsbO9h29gNXkAsnmYkVIMgf4Uk0kxVVN7pm6XZKUp7sglGRIBZhqciDyDWGn5bHh5v2AUkw6yDk+naEu+a3PYyF/k0lS9EpdLI0SIjhQyiyCzBBNnILnOVU5GV9cIMP+Cj9EYaoyF3jqxv5EqIjT8bUZihefkyFzj7J12gNSG7qgaMcwvDBCYbqlyE9R1GOq0meFSoJaHqjgRbOfYredkei70HGFtAxpr0kQBlBMkYhpqRILyALnC/M/+Y8nqZWvwNnDyTouqdTK5SO/jbwj+D6+2JIY4hWQo5tqBw+rF1OclSHR9obzvqurw35s0GhkG1HgkMHc18UcCi2LFjnIT6CTiJGv7Y/AuLhr6biL8DVCyGsrwxJL47yaLY+LJQaOaM5xP0EqPeyuDuAkPUPT1ykZT7vdPn65Iu/uGAt4l+v+vRp9Z/+e4jT8uD9ff9wnzbJKs7qh+IZkS6A2Diw9Blf72C38hCD9g06npChfBeO+QFYLA458472sHvT5vjqlz/GDz7fvu0Cseq9O0AbFJN/0/BIR3d7uLOCVObUT/kKEVWP4uKlQZg+FM04/gF3dF8Vi45WD14LD8c6N2/l44sbqxQL3QpaobO2/pi0/InQmvVPohkEMIzMqDZaecB1uiJLMYxZFNtnf5dDxLJ+g/6i7asofvlsxbnY7BwbB5gnCGAb2VFYfeuHNoF5CEbBJKdd7Fi8v+5siC22efVtprxb8RdWXh39emv053WhcPGl4BfrwR+0wnPv6Feb4Z4RVH641i6zfsD1Rci2X/Yx+7zjg52OdDZTX21u5ePtjeTBWsHyr3M5vOmqAbPDBg8xF11DcLy4YICkdiIOYoDYjkY6N9PUE4vRsrVSlHznyJMthh+i4EHNNwYvMnIhZ9vCkXGbgDJaHVbpYtx8NX3UMEe3RvRtC2aVkXUfotjPNPmDCCidg6kejm6Gc1HR06H00aLqfvoDg/8gMNd31YBSr0yBEuajn3+YQ7tmWhnJjXdEoAuZufrtrb93sfjpkyEQkP053YoXE+6DpLsG6dL+KvTwix2T/U01uhRmXV+byFc8AunocER/eFTsiFj9EeaLHf/sZrix0SVdE1tjtXBGZpC7YhI0myrET/ijh1TXZppomWXjl5QVmJXkF+iXlBCYkOTXuXWbgZPGEAk9WAL6B7bc7IX5zyutx2bFgjMBxZyTFyo+nstziORLOxca/PLyncnRLE+to0kYN3nCGYrazrL55lZ1hVWQubdLvJk/5ZfhOfWV5sHfxnBYKQ/dWiRMAoanS0AQgqeSfg6AjR+m7E7C/fsEpM4GsDEukV4CBEsC+A499FrbW0eAwF6Hb76T45V93X2VuPy7b7a5RtliB11Eko1u88+zE+4U32nS87uSDJEkEDto6xq1DTMXLj9dc56Muj9Qh/opi5VIajoXJZ+vOb1cSD5ofWuoYRJD9E4nTKiMkYURBtXkhJMewSYbhm5ZVzDFgbXLa8nb9An6f6/xXeNlLL7emyIqFL0P4+tZLWlnMm12ftfvxDCowIADoDz138vNeQPHKt7sL+RQqPcG1PmOSxv+fHWcU/Dqzw1LjvnqgXtUCqdw/+vy4/25m1/+N8gBgDOY4q7n9h8vf2159d+ptgZOLmfjggiILryU/vm2y3uIYFDCe7X5YM9DYYjwgXbQXP0uEcKQh/xjb/+IejkhmHj5tz/edvgsIxLfjdA+GPGwZ+T7BE/e8fuNkkyoZjucAWfW1GRKggNAyng5ZO6VgLVroXBI4pLEGfQgSOH0A2j/GbpCNaQlSk17n0pmZ1SpO7O/12Bh6L26MqCignNxt9W/+xue3QWuUj+xn1O261N8YhuoV7Fno4FzkEhLOAjwgmeDS5JIK0hJJcFKx6Gi5Ro2g10nj5lOD9Da0Q61d3yHzZjNiGON+q9qa+9gBcKuUWYowKvjU0qdipxCVtWlaCvRgSuLtdis2SwFHNbpuLoTx7QutpDM5hK1UPeUcofy1RIDh0+c8NLpjiKQwDyiNYqMlMnGFEZaOos+UoM7w93sFGvTQpsHShz/ttpp8F68oscKBjgDG/lSPp+Ek5YwHPuej/OzVD6GuYwlMk7+AkLZiI/maw9SNwFCViAVCFzyEiwU4IIszOYzZQrgYDtFT5FUdHhD6SwnA/GdzQuhRbAcrKEqijpPRdkPJaukqMsFABESGcZ8yR978JHiOBn3w0k4wPm44RV9nMDHMdyDCWichPsHCVyAf8TsEzABEBQBK+VlAUDhnj6JavZd4EdVeVRAk6o0TerOyvgRsjvW90QJ4tWAHDRprQ8QzYORICSAFOVupQL6ZkQG/qVRxnLD3S1EDOpFl2HMW2ujDbMytQpz3hHe2JVL7kERrlbWaWVs6+jKsqyNxmYDfcbs6T6W6aXwsq/b8ecy9wTr0xH2ymmrozSLflvKPOILpm3yrPPQsmiGVYrjVQwMCkC4aW9/UxIhHkK4+bCCO6Rgk2C1SbyikOD1d4xRDVpJqiUan3lGG5uenqHdZDw+/YZx43B3vNHEXDuEVtAq0CEiHCe2+iYNsgQjN0eAJeR+o2mEacmiNfkrYbiQSETKM6ybMkshkpTVmViAWVScxCLkSODyE1vYh+YCKI0iy7faRVx1ciUKy/MQWMKOk0Y3xXnGS80CVub2Whnly1ZRiIconFvAFOEVTJXbnrMtnyoYKaedo5WPAZ8TCMqwlUbQiH4L6KxQioZy17hK+Vl+ch5f6romWtZ0Nq5pnelczntXg6sCDHTRRr+2+vqa1bVqq+rRGzTaNc95o1ajX+xrurzih8WRkaASgFddI+TJXZHlk+4jToHGKmY3U23cbbLbfq+mgLKEtVGea9u0zyn5GocKnw48hCMG2wf13lgexVu/OoApacBx50Ro+yl9/otD+tWRn9iOLEcoGfaGzxOpxPNGqi/IK8lODBZkB5hSJhPYQawDl5Y47GhsZOwoXBtrJ5M5JhxyAsYBnaPGcPcmwx3MDqN2ZvuuHLIP2T6Cn1Ar+TztgIg4WRZZPsG4aPbZUHdg2paM4VxMlWLmfKdcc969k2tTasGKOH926183Wi15DTyRk2yezg1CK/Uf0xqOqEGk5vw5bXlhg8NuaVo7T0ZKIzs7b8eIOO1z2mLRpWNXu+31MFN09yksvPd5i5xkM3vsdWNXd+n+Oe9Jl0ZKB7i0wNzCFZWdLBMNTlco0iXBYQUtZLQWpQ0tRiWM9nBoSRklkEiES4TRlh4lAJF0CS9qaZYeuXsP0SH6u3f1hCKzGdEjupcH8B9xSnkMb/6+oxyugCGX9HgvQr6f+rMVaUGceHFTbFXVuKOGe3UNH+O6RAsWlXbs11HCt6fmN0FT0RzTa7adcjHa5Q3JQ9nxb1XVbUeN43k66ipXzQ3ZfIq1k18GToEy/k4r78fn7Cv4lSbnjFX83aCt2vWB2lqtX33UhnGFYVs0tU4fvmNHuH5duUOjpoIu5OFDBKkrAMSHZ/yKptLSphXAHnHoJfz9NwGptwGIuMcSg78tK/s2GNESslxOztUcFJYVXxT2EATcf8rc7WzhtDmFxRebNmlFcZOVuHxVctEFmXe3m53N6jmFVWzpRjA2PLTYxTt/ajHfpAGjNEgZiXaJDOlBrXOHGTAcqRfe9t4vcJYBGEkkdnME5veMZxaS6DP0JDvnP/ywoJ//AsxICw+D7mMnZoRr9NvvNBagdGGGIbYLe3H7RVI5DEV5vYCGzuUyVRCPW/ehVJyb5sVFvU2ijW555ORUePtNgpSExaFbvFsydno6tWPlG59km3Q7B7AGF1kHg4AS0TdNaWWmZutzStLN0cJcL7/tDX41ubnbfSNBcKkT2vTNLfsr+2xqhuOT7/R8Xo5LCRjJ/LiNeMuKbOHGHCH4Y1lbSF16SapJjWVOgP44NQKsy+FwdfCozGOHqVWNpf2kaIpwOaaxl1C/I9HjxyqXEGqOcZkGzcVy6rblRUB3hw7vOYn/lpdiMbIKakxNboU7V2sOJYA/rvN4oJLF5Wk/ZHlX5OQsLjbbSGz0fy/m5Jb7+I2A41V9F3mXNCNwQUGFd9YHrZAHVQKeEJv08ykvKECQ4/XeHPBeobPRIUhBQZ53+EVLrgtrNxDy6qhZYXkFBTCitwFjdeZj5iid2BF5HzrKQB+VfuWJsMQSjVgv1rGGEZZG3JyokYgdMgQoykcXSONGOogZZz7tO3hjE30Ek2kTH5PhFfQeGJkIMm0yYuLdQFf4z3da8At/2jwOBGW5y9HHqNz2WzQ6b3vLdksmwuKKxbt2ZrnrbYqK4qLEZnHpJlbb93kacbGq4CDfYIbhYQnePj4pCazQ+GE5EYVVomKRCkaJp2l6GoNWPALuR9oTAhyfGhMWCI7PHMNN6XDMjdrzKNpcATKct/VSCRIkoMfUqJlIWAFNfI3ob7y1BzUux+V0+fES+tP9KPpbTbK/ERkpUimpsg1PJRZLbYFPIHmMHDOKTcawGGxs6W6mdNMxTNe77/W6RBiOpnOsBmPpWHINeSzjwnXqEiUCjY5WwsqoaHY4tjTp1u9DYOKwDBCSBZAnWkndLRcRCVjhE0PcjZIboXiXwIE4wloXYiXaAoxig0ILha1KCwPF09LApTltVRjEp3TVKmDxPrEggR6fYFmmipCne3279ufK9OrI9INeFv5DV+3+tfATVVhIIrxKzgPgy8ohKs4d3wfvhc8eQ7cOuZuDULC2ItsFVOVctnkzif51O+H2r6TDcHOo/5oQ/2Z47PX8ih8I23CIa7Le79diP5lOKwgS+BLHOqA/FOs23JaW1nKmk9Y83Jq2+iLuUL45R11UqCnKV9t1NXktzHWhIR2xMXylQlieEE3p9cxf3+fzLj42v8ZNBvz77tTujhXk+UFxdCNO7l3V7op2KY52BnZ/WC9rSUJXpR8+WuJqHi13Rdg9qBkeH4claeLSZkSDAEjNvAODXwyZ1sJDiEo0ZK82HTLRAMP8OKWDlxe2aKrMl6qWnbyUv3+vNFFl0+Pf4F6w7/coT2i0RntEIvWELoV7OuYWSJ2+Av417uz1z3ihUGoqxPjQ1FUnInq6nj2Pm8nDvhDLzUJmL3NY3uaxf1hDViWpyLZz1aq1quo5/42pkDg5LQRCukdKGhCndllFOEOpFRWrXIKCIDk/gw6BaZnM2jYn8UQZSpDBuClKqwqsWk4G47Q6McfWWiYDBkUP8nLetIvW8yt2kt9pa6PzO+ZxYq+rNiLe0WjAvRmZnEBakOaJyZYL+SSRZsjLzmDlsgpJZ0mAZAtZuY4e2Psz8COAUcisYIxQTP228fF37oy0bf+bqR+SK5VySVAQdtXPrNhN0cmTk+W6GHN2vzwykkgcstwptQz2vsfpw/UuphcoCajdZQQdWU5EwsSent4CcahjvQQyyN057FSx1HYL8VFV4hF/3hGHW8X/85zXRdqtRMvD1iTbMQ+RKxMqkyCz+rM6ZwAqMIBVVvJ46760+tIkDLUKmxWDgPpAqAcSQUeOTag4ksWAteWt1N/++PJfsPvg4E64BvHAINhtJmNeW3FNMrpiFEgfVWX6xMf75KhDLA7+evkg50LlHt98vSrTpyqk3nL0ilmDNyjb57f+rCorUGkD5/KkaRO8vDDDW6X3zd8TYlb/69U6TvToV7CmGS6FTPaVHn+YnDsNMofV/dIlB1na3CWZPdX2bQN7Fb8vaOhFdM1C7YKaAffTJGdOJ9khV8lnyUWE/05O8p5HhvsrJ/3X7NNu6V3X5dulJJ3bwvJlhbN8WG1rubikv26hZ1mPzsF+iS/P7sCsG3cV14xrywUGxf459jAFnid8+EBw6XwAJPA7qW04fX7EMN8bFkDj8SOgwn4r60jQ75d+Zvo5BLyAdBuFOJjOfWUCo8uL9rozS7XDGLgFoQTEjLvBk1V/PWiD/vlRpiMDMHjM473s4+CZ/cvKEOfloeZHY4d92XQbLKm8NImkNdcOxI1LN4EIIA4pWpc4/q/DVL5KTSbhgEMx/nzLAIl52tbjkFoU7+Xjl1K9QvvM4rn5c4tn2CQN0OAq2pzlnBaECWrQ2/JsUikpseSNPJF0jsY6zoPtQns74kAro0L0mQM+QMqnasev0apo85iL59pcVW1TkkHM+XQaJKdzebPHkuSCIvmy2ChBRpGTPCrmO+rL9M4B65fJJ5zGHbFpVeWXs6at+JOZhNDlhUrxxQuh17kXOq8CxW2D4dJbABh2sUWUTuckIOPwM8OnfxgY8QXAcNEAEgIAAEg6fAcAwwIlPHuKzDsAf5o7Ai+AJU1pRTaxhsg+hhklCA8AAAgQ3HOKbGMoFcZJ15Bk0ToLuyhZ7xVF7a4dcQAAAPgveBCdx4ePLXmqCTGNumAEXqvGOZwPHUXsGW0I+4JZ+Hc9C77iveA9XK3Gs+o4XAQuKLwXAMMO6QheyfCzcORzdEE7bN9QB8857DIylqQgLIhsQC4j9Use+xaxgfOc4QVdmcY6RKadRNwzCmTGC+i8dngqMqwWkSw+5yzizDpKXWTKRUS07JJh5LP/0twT2HTj+9vpjOUvSZR/5lx4s/GJrwPtxf7fvivXx0Uli6tP/AemXLZm09+VpY+4MXOreIuSp7f+f94YPEp5O7gp3Idunn8OPADfQKzdhK00A40MDeZD+G/Opg5/baB2M1ObVZ7oWcjUGRZylSlUhJeEUqMtoaZyKjRY9Hj4Rp2SZanogQVfJyFp8y1kWnwXcm1+UBH+FUo9/oWatoQIDW6nzrfQaCYVbF1MCIKl6c8MFZGryLJ1XfMFnQZIX3Hn2g9MmRYa2+76lz8iYxLhk8euJ1KZKsWheTidGoYQTZNijYW0vUhz0+lUUb7tIg4XtlyUICD2lCWjb3ZLUohY9cxiK/Ddv0COCkCibPb9lh9QktHOG1ZblwE9Ksy0WVns2ZjTI4hXDFk3iYaMB8RRMJdERhO9uxoqiDbPYTRudNA9VaxKu3h1OAUVg2+Lxqd/K8GiJCuqphumZTuuh8WYCVNfZsxZYOOwZMWaDVt27DlwxMXDJ7CME2cuhFy5cedBxJMXbz58Q5gSu4R8NiWIYVxC9iTad0nXmK3dyPIY2DW7texx7mlrgv2RAOHaWm5YQQnrWSNfsC2BPGg1oBmXb5/eN2YKXJ5d14KWyG59Diz5aLszizUI4hoD7WVdOFOeIO0k1uZ0WxCAN96msDubqfD2mlzUtQFQ+dg5tgrQILKTSP4UpLmRdQ/HUXLmuYeT4E4JQSxB57XWT/dwBvosaup7PkT3cpYdrf+9XhRCQzfHDf7NlVKbk8DNAQQg0fQO71ElBLTFKgIGTnml3eVVa7bdncG0gQvs4YhgUDeGDKuwk6iXAVY/U/6NI2fsaqZd74pa21HW3kpJgNl6YvplrE+QSx6+OiLbsjX3INrbeiuv+aBXRyqvlpAnut/Foutl2etuzCy7rj/tdEZRmUA4TlMLAAA=') format('woff2'),
+  url('iconfont.woff?t=1567476277462') format('woff'),
+  url('iconfont.ttf?t=1567476277462') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1567476277462#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+[class^="el-icon-fanxin"], [class*=" el-icon-fanxin"] {
+  font-family:"iconfont" !important;
+  /* 以下内容参照第三方图标库本身的规则 */
+  font-size: 18px;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.el-icon-fanxin-xingren:before {
+  content: "\e600";
+}
+
+.el-icon-fanxin-xiaolvdashitubiao33311:before {
+  content: "\e6d6";
+}
+
+.el-icon-fanxin-cheliang:before {
+  content: "\e62b";
+}
+
+.el-icon-fanxin-shezhi:before {
+  content: "\e618";
+}
+
+.el-icon-fanxin-webicon311:before {
+  content: "\e6a2";
+}
+
+.el-icon-fanxin-xingren1:before {
+  content: "\e62e";
+}
+
+.el-icon-fanxin-fangda:before {
+  content: "\e612";
+}
+
+.el-icon-fanxin-suoxiao:before {
+  content: "\e616";
+}
+
+.el-icon-fanxin-task-pause:before {
+  content: "\e63a";
+}
+
+.el-icon-fanxin-CPU:before {
+  content: "\e640";
+}
+
+.el-icon-fanxin-yuandian:before {
+  content: "\e666";
+}
+
+.el-icon-fanxin-ludeng:before {
+  content: "\e76c";
+}
+
+.el-icon-fanxin-zanting:before {
+  content: "\e625";
+}
+
+.el-icon-fanxin-yingpanguanli:before {
+  content: "\e634";
+}
+
+.el-icon-fanxin-cheliangyunwei:before {
+  content: "\e60c";
+}
+
+.el-icon-fanxin-dianziweilan:before {
+  content: "\e61a";
+}
+
+.el-icon-fanxin-zanting1:before {
+  content: "\e70e";
+}
+
+.el-icon-fanxin-yichangjigou:before {
+  content: "\e604";
+}
+
+.el-icon-fanxin-kaishi:before {
+  content: "\e657";
+}
+
+.el-icon-fanxin-yuntaikongzhi_guangquan:before {
+  content: "\e644";
+}
+
+.el-icon-fanxin-yuntaikongzhi_shang:before {
+  content: "\e645";
+}
+
+.el-icon-fanxin-yuntaikongzhi_tiaoda:before {
+  content: "\e646";
+}
+
+.el-icon-fanxin-yuntaikongzhi_jujiao:before {
+  content: "\e647";
+}
+
+.el-icon-fanxin-yuntaikongzhi_youshang:before {
+  content: "\e648";
+}
+
+.el-icon-fanxin-yuntaikongzhi_you:before {
+  content: "\e649";
+}
+
+.el-icon-fanxin-yuntaikongzhi_tiaoxiao:before {
+  content: "\e64a";
+}
+
+.el-icon-fanxin-yuntaikongzhi_tiaodaxiao:before {
+  content: "\e64b";
+}
+
+.el-icon-fanxin-yuntaikongzhi_xia:before {
+  content: "\e64c";
+}
+
+.el-icon-fanxin-yuntaikongzhi_ziyou:before {
+  content: "\e64d";
+}
+
+.el-icon-fanxin-yuntaikongzhi_youxia:before {
+  content: "\e64f";
+}
+
+.el-icon-fanxin-yuntaikongzhi_zuo:before {
+  content: "\e650";
+}
+
+.el-icon-fanxin-yuntaikongzhi_zuoshang:before {
+  content: "\e651";
+}
+
+.el-icon-fanxin-yuntaikongzhi_zuoxia:before {
+  content: "\e652";
+}
+
+.el-icon-fanxin-deng:before {
+  content: "\e74d";
+}
+
+.el-icon-fanxin-deng1:before {
+  content: "\e62f";
+}
+
+.el-icon-fanxin-iconfontdian1:before {
+  content: "\e601";
+}
+
+.el-icon-fanxin-qiakoushexiangtou:before {
+  content: "\e670";
+}
+
+.el-icon-fanxin-qiakoujiankongshexiangtou:before {
+  content: "\e67e";
+}
+
+.el-icon-fanxin-qiakoujiankongshexiangtou1:before {
+  content: "\e67f";
+}
+
+.el-icon-fanxin-kaishi1:before {
+  content: "\e7d0";
+}
+
+.el-icon-fanxin-zanting2:before {
+  content: "\e6af";
+}
+
+.el-icon-fanxin-play:before {
+  content: "\e605";
+}
+
+.el-icon-fanxin-qiangji:before {
+  content: "\e606";
+}
+
+.el-icon-fanxin-wenduji:before {
+  content: "\e60d";
+}
+
+.el-icon-fanxin-qiuji:before {
+  content: "\e64e";
+}
+
+.el-icon-fanxin-zhatuche-s:before {
+  content: "\e617";
+}
+
+.el-icon-fanxin-qiuji1:before {
+  content: "\e80c";
+}
+
+.el-icon-fanxin-yunhangrenwu:before {
+  content: "\e679";
+}
+
+.el-icon-fanxin-yichangrenwushu:before {
+  content: "\e602";
+}
+
+.el-icon-fanxin-yunhangrenwu1:before {
+  content: "\e6f7";
+}
+
+.el-icon-fanxin-yichang:before {
+  content: "\e60f";
+}
+
+.el-icon-fanxin-yiyunhangrenwuliebiao:before {
+  content: "\e603";
+}
+

src/assets/icon/icon/iconfont.js

+!function(v){var h,a='<svg><symbol id="icon-xingren" viewBox="0 0 1024 1024"><path d="M539.282416 283.737123q-29.101243 0-55.019538-11.367673t-45.015986-30.465364-30.465364-45.015986-11.367673-55.019538 11.367673-55.019538 30.465364-45.015986 45.015986-30.465364 55.019538-11.367673 55.019538 11.367673 45.015986 30.465364 30.010657 45.015986 10.912966 55.019538-10.912966 55.019538-30.010657 45.015986-45.015986 30.465364-55.019538 11.367673zM741.172291 411.055062q24.554174 18.188277 40.468917 42.287744t15.914742 48.653641l0 90.031972q0 15.460036-17.73357 23.64476t-39.104796 8.184725-39.104796-7.730018-17.73357-25.008881l0-38.195382q0-13.641208-8.184725-20.461812t-16.369449-11.367673q-9.094139-4.547069-20.916519 4.092362t-11.82238 29.55595l0 240.085258q0 21.825933 14.550622 40.01421t35.46714 33.648313q18.188277 12.731794 30.920071 25.463588l30.010657 30.010657q5.456483 5.456483 4.092362 16.824156t-7.730018 24.099467-15.914742 25.463588-21.371226 20.007105-24.099467 7.275311-23.190053-11.82238q-16.369449-17.278863-26.373002-27.737123t-17.73357-18.642984-15.914742-15.460036-20.007105-20.007105q-23.64476-23.64476-40.468917-60.476021t-16.824156-73.207815l0-73.662522q-10.912966 13.641208-18.642984 21.825933t-17.73357 27.282416q-3.637655 7.275311-7.275311 19.097691t-6.820604 24.554174-5.001776 25.463588-1.818828 21.825933l0 75.48135q0 17.278863-17.73357 25.918295t-39.104796 8.184725-39.104796-10.003552-17.73357-28.646536l0-66.387211q0-35.46714 10.912966-62.749556t24.554174-58.202487q18.188277-41.833037 26.827709-67.296625t13.186501-35.46714q9.094139-20.916519 9.094139-37.285968l0-29.101243q-10.003552 6.365897-16.824156 11.82238t-18.642984 20.007105q-11.82238 13.641208-24.099467 17.73357t-38.650089 4.092362l-59.111901 0q-21.825933 0-32.284192-17.73357t-10.003552-38.650089 11.367673-38.650089 31.829485-17.73357l54.564831 0q10.912966 0 17.73357-2.728242t12.731794-8.184725 12.731794-12.731794 16.824156-16.369449q12.731794-10.912966 25.918295-32.284192t25.008881-43.197158q13.641208-25.463588 26.373002-54.564831 19.097691 0.909414 35.46714 1.818828 14.550622 0.909414 29.55595 1.364121t25.008881 0.454707 22.735346-0.454707 24.554174-1.364121q13.641208-0.909414 28.191829-1.818828 24.554174 15.460036 47.28952 28.191829 19.097691 11.82238 38.195382 22.735346t29.101243 18.188277z"  ></path></symbol><symbol id="icon-xiaolvdashitubiao33311" viewBox="0 0 1024 1024"><path d="M512 51.2C257.8944 51.2 51.2 257.8944 51.2 512s206.6944 460.8 460.8 460.8c254.08 0 460.8-206.6944 460.8-460.8S766.08 51.2 512 51.2L512 51.2zM512 918.5536c-224.2304 0-406.6048-182.4-406.6048-406.5536 0-224.2304 182.3744-406.6048 406.6048-406.6048 224.2048 0 406.6048 182.3744 406.6048 406.6048C918.6048 736.1536 736.2048 918.5536 512 918.5536L512 918.5536z"  ></path><path d="M437.76 719.36c0 21.12-13.824 38.4-30.72 38.4s-30.72-17.28-30.72-38.4L376.32 304.64c0-21.12 13.824-38.4 30.72-38.4s30.72 17.28 30.72 38.4L437.76 719.36z"  ></path><path d="M652.8 719.36c0 21.12-13.824 38.4-30.72 38.4s-30.72-17.28-30.72-38.4L591.36 304.64c0-21.12 13.824-38.4 30.72-38.4s30.72 17.28 30.72 38.4L652.8 719.36z"  ></path></symbol><symbol id="icon-cheliang" viewBox="0 0 1039 1024"><path d="M939.223175 862.772992c-12.304234 49.581232-55.964616 85.733617-107.629299 85.733617-47.960315 0-88.809675-30.727839-104.355743-75.016531L296.751634 873.490078c-15.547091 44.322461-56.428174 75.016531-104.389512 75.016531-51.664683 0-95.258551-36.152385-107.596554-85.733617-53.716412-22.525016-87.949075-78.126358-83.451644-139.847072l10.55131-143.583163c4.134157-57.32152 40.220027-107.993596 91.918479-131.61048l46.439682-223.826741c17.001209-81.829703 97.211019-148.413168 178.843224-148.413168l365.855502 0c81.632205 0 161.842015 66.549695 178.809455 148.413168l46.439682 223.826741c51.698452 23.61586 87.784322 74.28896 91.952248 131.61048l10.518564 143.583163C1027.139503 784.647657 992.939587 840.248999 939.223175 862.772992L939.223175 862.772992zM949.808254 584.138994c-2.744507-37.276998-30.16502-71.113641-66.748217-82.293261-11.973706-3.671623-20.672832-14.289448-22.127973-26.990724-0.231267-1.818415-0.363274-3.605108-0.462534-5.358031-0.066515-0.926092-0.066515-1.88493-0.264013-2.844791l-47.563272-229.384317c-11.014868-52.954049-64.928778-97.706299-117.718075-97.706299L329.066621 139.561569c-52.823066 0-106.704231 44.75225-117.718075 97.706299l-47.597041 229.417063c-0.198521 0.859577-0.198521 1.819438-0.264013 2.778276-0.132006 1.819438-0.264013 3.672646-0.462534 5.491061-1.487887 12.701277-10.155291 23.252587-22.095227 26.924209-36.614919 11.146874-64.068178 44.982494-66.779939 82.293261L63.630203 727.755925c-2.812045 38.20309 20.24202 70.848605 56.063877 79.349209 13.561877 3.27458 23.418362 15.381315 24.113187 29.670763 1.290389 26.758434 22.624277 47.694255 48.555879 47.694255 25.336038 0 46.108131-19.679202 48.357358-45.809325 1.455141-16.504906 14.950504-29.173436 31.124881-29.173436l480.266251 0c16.174378 0 29.735232 12.668531 31.124881 29.173436 2.249227 26.130124 23.02132 45.809325 48.357358 45.809325 25.931602 0 47.26549-20.969591 48.555879-47.694255 0.727571-14.355963 10.584056-26.428929 24.145933-29.670763 35.788088-8.500605 58.843176-41.179888 55.997362-79.382978L949.808254 584.138994 949.808254 584.138994zM840.260256 711.283766c-13.098319 13.396101-31.455409 21.201881-49.945529 21.201881-18.49012 0-36.84721-7.806803-49.912783-21.201881-13.06455-13.396101-20.671809-32.215726-20.671809-51.16838 0-18.952654 7.607258-37.806047 20.671809-51.202149 13.065574-13.396101 31.422663-21.201881 49.912783-21.201881 18.49012 0 36.84721 7.806803 49.945529 21.201881 13.06455 13.396101 20.671809 32.249495 20.671809 51.202149C860.932064 679.06804 853.324806 697.887664 840.260256 711.283766L840.260256 711.283766zM780.326235 466.023876c-6.119371 7.574512-16.07614 11.973706-27.684526 11.973706L271.282566 477.997582c-11.576663 0-21.533432-4.399193-28.081569-12.437264-6.250354-7.375991-8.930393-18.093077-7.17747-29.702486 0.165776-0.794086 0.297782-1.554402 0.463558-2.315742l37.806047-168.456666c4.762467-26.593681 30.430056-48.754401 56.825217-48.754401l361.687576 0c26.39516 0 52.062749 22.226211 56.792471 48.754401l37.806047 168.490435c0.198521 0.760317 0.330528 1.521656 0.462534 2.315742C789.587156 447.50101 786.940886 458.218096 780.326235 466.023876L780.326235 466.023876zM689.002296 280.367479 335.020216 280.367479l-29.999245 133.561925 413.948847 0L689.002296 280.367479 689.002296 280.367479zM283.5868 711.283766c-13.065574 13.396101-31.422663 21.201881-49.912783 21.201881-18.489096 0-36.846186-7.806803-49.91176-21.201881-13.098319-13.396101-20.705578-32.215726-20.705578-51.16838 0-18.952654 7.607258-37.806047 20.705578-51.202149 13.065574-13.396101 31.422663-21.201881 49.91176-21.201881 18.49012 0 36.84721 7.806803 49.912783 21.201881 13.098319 13.396101 20.705578 32.249495 20.705578 51.202149C304.292378 679.06804 296.685119 697.887664 283.5868 711.283766L283.5868 711.283766z"  ></path></symbol><symbol id="icon-shezhi" viewBox="0 0 1024 1024"><path d="M511.994883 960.532503c0 0 0 0-0.021489 0-33.475416 0-64.291259-16.003486-84.575234-42.645263l-16.542768-22.101367c-10.033517-13.180184-27.355021-18.981307-43.228547-14.223956l-26.165939 7.782244c-32.069393 9.644661-65.999157 3.826142-93.095281-15.841803-27.096125-19.689435-43.055608-50.192146-43.811832-83.667561l-0.605797-27.356045c-0.345877-16.532535-11.093662-31.308053-26.684756-36.768415l-25.798573-9.020444c-31.637558-11.050684-55.70572-35.661198-66.042135-67.514673-10.336416-31.853475-5.341658-65.891709 13.753235-93.409436l15.569604-22.457478c9.407254-13.591553 9.407254-31.853475 0-45.445028l-15.569604-22.468734c-19.094894-27.506471-24.089651-61.544705-13.753235-93.39818s34.405601-56.462966 66.020646-67.512626l25.820062-9.028631c15.613606-5.449106 26.338878-20.219507 26.684756-36.751019l0.605797-27.333532c0.757247-33.485649 16.715707-63.96687 43.811832-83.656305 27.117614-19.678178 61.068867-25.419949 93.095281-15.796778l26.165939 7.871271c15.872502 4.724605 33.194006-0.87595 43.207058-14.034645l16.58677-21.273513c20.262486-26.631544 51.078329-41.427528 84.553745-41.427528 0.021489 0 0.021489 0 0.021489 0 33.475416 0 64.312748 14.785751 84.596723 41.427528l16.564257 21.508873c10.033517 13.169951 27.420513 18.647709 43.206034 13.922081l26.187429-7.93267c32.026414-9.623171 65.999157-3.9121 93.095281 15.777335s43.055608 50.16554 43.790342 83.640955l0.605797 27.315112c0.345877 16.521279 11.093662 31.287587 26.707268 36.747949l25.798573 9.026584c31.593556 11.050684 55.662741 35.647895 66.020646 67.490114s5.341658 65.890686-13.731746 93.418646l-15.591093 22.478967c-9.407254 13.580297-9.407254 31.842219 0 45.433772l15.591093 22.457478c19.073404 27.539216 24.090675 61.587684 13.731746 93.429903s-34.42709 56.441477-66.020646 67.491137l-25.798573 9.017374c-15.613606 5.460362-26.360368 20.240997-26.707268 36.762275l-0.605797 27.333532c-0.735757 33.464159-16.694217 63.955614-43.790342 83.645049-27.096125 19.700691-61.068867 25.441439-93.095281 15.808034l-26.187429-7.871271c-15.786545-4.747117-33.194006 0.864694-43.184545 14.034645l-16.58677 22.481014C576.306608 944.53925 545.470299 960.532503 511.994883 960.532503zM378.850467 813.307394c32.69668 0 64.485687 15.105023 84.878133 41.886993l16.542768 21.744233c7.612375 10.001795 19.159362 15.732309 31.723515 15.732309l0 0c12.564154 0 24.133653-5.730515 31.745005-15.732309l16.564257-21.754466c26.684756-35.0861 73.027224-50.105165 115.195625-37.422308l26.165939 7.871271c12.088316 3.622504 24.76094 1.437745 34.924417-5.936199 10.163477-7.373944 16.153912-18.813484 16.412808-31.356149l0.605797-27.344788c0.973164-44.050262 29.582759-83.429131 71.210855-98.004081l25.798573-9.017374c11.872399-4.14132 20.889773-13.374612 24.78243-25.311479 3.871167-11.948123 1.989307-24.716938-5.146207-35.043121l-15.591093-22.457478c-25.128307-36.232203-25.128307-84.921111 0-121.143081l15.591093-22.478967c7.136537-10.314926 9.017374-23.084765 5.146207-35.031864-3.892657-11.936867-12.910031-21.171182-24.78243-25.311479l-25.798573-9.028631c-41.628096-14.553461-70.237691-53.93233-71.210855-97.992825L753.003959 232.841046c-0.25992-12.552897-6.249331-23.992437-16.412808-31.367405-10.163477-7.363711-22.836101-9.53619-34.924417-5.936199l-26.187429 7.871271c-42.255383 12.737092-88.532359-2.356674-115.195625-37.432541l-16.542768-21.744233 0 0c-15.223726-20.002566-48.266283-19.992333-63.447031-0.011256l-16.58677 21.765723c-26.663266 35.06461-73.005734 50.115398-115.195625 37.422308l-26.165939-7.871271c-12.001335-3.589758-24.78243-1.459235-34.924417 5.924943-10.163477 7.385201-16.153912 18.824741-16.435321 31.388894l-0.605797 27.323299c-0.973164 44.060495-29.582759 83.45062-71.189366 97.992825l-25.820062 9.028631c-11.850909 4.14132-20.889773 13.374612-24.76094 25.322735-3.892657 11.948123-2.010797 24.706705 5.14723 35.021631l15.569604 22.478967c25.128307 36.22197 25.128307 84.909855 0 121.131825l-15.569604 22.468734c-7.158027 10.326183-9.038864 23.084765-5.14723 35.031864 3.871167 11.948123 12.910031 21.181415 24.76094 25.322735l25.798573 9.017374c41.628096 14.564717 70.237691 53.953819 71.210855 98.004081l0.605797 27.333532c0.281409 12.552897 6.27082 23.992437 16.435321 31.377638 10.141988 7.395434 22.922059 9.53619 34.924417 5.924943l26.165939-7.871271C358.501 814.756395 368.707456 813.307394 378.850467 813.307394z"  ></path><path d="M512 743.091192c-128.214127 0-232.510518-104.307647-232.510518-232.510518s104.297414-232.510518 232.510518-232.510518S744.510518 382.376781 744.510518 510.580674 640.214127 743.091192 512 743.091192zM512 344.501148c-91.581812 0-166.079526 74.497715-166.079526 166.079526s74.497715 166.079526 166.079526 166.079526 166.079526-74.497715 166.079526-166.079526S603.580788 344.501148 512 344.501148z"  ></path></symbol><symbol id="icon-webicon311" viewBox="0 0 1024 1024"><path d="M161.568 188.352l0 0.16 0 202.912c0 15.52 12.608 28.096 28.096 28.096s28.096-12.608 28.096-28.096l0-130.88 162.656 178.944c10.432 11.52 28.096 12.288 39.616 1.856 11.52-10.432 12.288-28.096 1.856-39.616L252.48 215.552l140.704 0c15.52 0 28.096-12.608 28.096-28.096s-12.608-28.096-28.096-28.096L190.272 159.36c-6.912 0-13.376 2.464-18.112 6.752C171.712 166.4 171.232 166.848 170.784 167.328 164.64 172.864 161.568 180.672 161.568 188.352L161.568 188.352 161.568 188.352z"  ></path><path d="M862.432 188.352l0 0.16 0 202.912c0 15.52-12.608 28.096-28.096 28.096-15.52 0-28.096-12.608-28.096-28.096l0-130.88-162.656 179.104c-10.432 11.52-28.096 12.288-39.616 1.856-11.52-10.432-12.288-28.096-1.856-39.616l169.408-186.304-140.704 0c-15.52 0-28.096-12.608-28.096-28.096s12.608-28.096 28.096-28.096l202.912 0c6.912 0 13.376 2.464 18.112 6.752 0.448 0.32 0.928 0.768 1.376 1.216C859.36 172.864 862.432 180.672 862.432 188.352L862.432 188.352 862.432 188.352z"  ></path><path d="M161.568 835.488l0-0.16 0-202.912c0-15.52 12.608-28.096 28.096-28.096s28.096 12.608 28.096 28.096l0 130.88 162.656-178.944c10.432-11.52 28.096-12.288 39.616-1.856 11.52 10.432 12.288 28.096 1.856 39.616L252.48 808.288l140.704 0c15.52 0 28.096 12.608 28.096 28.096s-12.608 28.096-28.096 28.096L190.272 864.48c-6.912 0-13.376-2.464-18.112-6.752-0.448-0.32-0.928-0.768-1.376-1.216C164.64 851.008 161.568 843.328 161.568 835.488L161.568 835.488 161.568 835.488z"  ></path><path d="M862.432 835.488l0-0.16 0-202.912c0-15.52-12.608-28.096-28.096-28.096-15.52 0-28.096 12.608-28.096 28.096l0 130.88-162.656-178.944c-10.432-11.52-28.096-12.288-39.616-1.856-11.52 10.432-12.288 28.096-1.856 39.616l169.408 186.304-140.704 0c-15.52 0-28.096 12.608-28.096 28.096s12.608 28.096 28.096 28.096l202.912 0c6.912 0 13.376-2.464 18.112-6.752 0.448-0.32 0.928-0.768 1.376-1.216C859.36 851.008 862.432 843.328 862.432 835.488L862.432 835.488 862.432 835.488z"  ></path></symbol><symbol id="icon-xingren1" viewBox="0 0 1024 1024"><path d="M539.282416 283.737123q-29.101243 0-55.019538-11.367673t-45.015986-30.465364-30.465364-45.015986-11.367673-55.019538 11.367673-55.019538 30.465364-45.015986 45.015986-30.465364 55.019538-11.367673 55.019538 11.367673 45.015986 30.465364 30.010657 45.015986 10.912966 55.019538-10.912966 55.019538-30.010657 45.015986-45.015986 30.465364-55.019538 11.367673zM741.172291 411.055062q24.554174 18.188277 40.468917 42.287744t15.914742 48.653641l0 90.031972q0 15.460036-17.73357 23.64476t-39.104796 8.184725-39.104796-7.730018-17.73357-25.008881l0-38.195382q0-13.641208-8.184725-20.461812t-16.369449-11.367673q-9.094139-4.547069-20.916519 4.092362t-11.82238 29.55595l0 240.085258q0 21.825933 14.550622 40.01421t35.46714 33.648313q18.188277 12.731794 30.920071 25.463588l30.010657 30.010657q5.456483 5.456483 4.092362 16.824156t-7.730018 24.099467-15.914742 25.463588-21.371226 20.007105-24.099467 7.275311-23.190053-11.82238q-16.369449-17.278863-26.373002-27.737123t-17.73357-18.642984-15.914742-15.460036-20.007105-20.007105q-23.64476-23.64476-40.468917-60.476021t-16.824156-73.207815l0-73.662522q-10.912966 13.641208-18.642984 21.825933t-17.73357 27.282416q-3.637655 7.275311-7.275311 19.097691t-6.820604 24.554174-5.001776 25.463588-1.818828 21.825933l0 75.48135q0 17.278863-17.73357 25.918295t-39.104796 8.184725-39.104796-10.003552-17.73357-28.646536l0-66.387211q0-35.46714 10.912966-62.749556t24.554174-58.202487q18.188277-41.833037 26.827709-67.296625t13.186501-35.46714q9.094139-20.916519 9.094139-37.285968l0-29.101243q-10.003552 6.365897-16.824156 11.82238t-18.642984 20.007105q-11.82238 13.641208-24.099467 17.73357t-38.650089 4.092362l-59.111901 0q-21.825933 0-32.284192-17.73357t-10.003552-38.650089 11.367673-38.650089 31.829485-17.73357l54.564831 0q10.912966 0 17.73357-2.728242t12.731794-8.184725 12.731794-12.731794 16.824156-16.369449q12.731794-10.912966 25.918295-32.284192t25.008881-43.197158q13.641208-25.463588 26.373002-54.564831 19.097691 0.909414 35.46714 1.818828 14.550622 0.909414 29.55595 1.364121t25.008881 0.454707 22.735346-0.454707 24.554174-1.364121q13.641208-0.909414 28.191829-1.818828 24.554174 15.460036 47.28952 28.191829 19.097691 11.82238 38.195382 22.735346t29.101243 18.188277z"  ></path></symbol><symbol id="icon-fangda" viewBox="0 0 1024 1024"><path d="M800 163H226.2c-52.8 0-95.6 42.8-95.6 95.6v573.8c0 52.8 42.8 95.6 95.6 95.6H800c52.8 0 95.6-42.8 95.6-95.6V258.6c0-52.8-42.8-95.6-95.6-95.6zM465.3 832.4H250.8c-6.7 0-12.7-2.8-17-7.2-4.6-3.9-7.5-9.6-7.5-16.7V593.3c0-13.2 10.7-23.9 23.9-23.9s23.9 10.7 23.9 23.9l-0.8 157.2 162.3-162.3 33.8 33.8-162.6 162.6h158.5c13.2 0 23.9 10.7 23.9 23.9s-10.7 23.9-23.9 23.9zM800 497.7c0 13.2-10.7 23.9-23.9 23.9s-23.9-10.7-23.9-23.9l0.8-157.2-162.4 162.3-33.8-33.8 162.5-162.5H560.8c-13.2 0-23.9-10.7-23.9-23.9s10.7-23.9 23.9-23.9h214.5c6.7 0 12.7 2.8 17 7.2 4.6 3.9 7.6 9.6 7.6 16.7v215.1z"  ></path></symbol><symbol id="icon-suoxiao" viewBox="0 0 1024 1024"><path d="M810.2 130.2H211.1c-55.1 0-99.8 44.7-99.8 99.8v599.1c0 55.1 44.7 99.8 99.8 99.8h599.1c55.1 0 99.8-44.7 99.8-99.8v-599c0-55.2-44.7-99.9-99.8-99.9z m-324.5 674c0 13.8-11.2 25-25 25s-25-11.2-25-25l0.8-164.1-169.4 169.4-35.3-35.3 169.7-169.7H236c-13.8 0-25-11.2-25-25s11.2-25 25-25h223.9c7 0 13.3 2.9 17.8 7.5 4.8 4.1 7.9 10.1 7.9 17.5v224.7z m299.5-299.6H561.3c-7 0-13.3-2.9-17.8-7.5-4.8-4.1-7.9-10.1-7.9-17.5V255c0-13.8 11.2-25 25-25s25 11.2 25 25l-0.8 164.1 169.4-169.4 35.3 35.3-169.8 169.7h165.5c13.8 0 25 11.2 25 25s-11.2 24.9-25 24.9z"  ></path></symbol><symbol id="icon-task-pause" viewBox="0 0 1024 1024"><path d="M800 192H640c0-70.4-57.6-128-128-128s-128 57.6-128 128H224c-17.6 0-32 14.4-32 32v704c0 17.6 14.4 32 32 32h576c17.6 0 32-14.4 32-32V224c0-17.6-14.4-32-32-32z m-288-32c17.6 0 32 14.4 32 32s-14.4 32-32 32-32-14.4-32-32 14.4-32 32-32z m256 736H256V256h64v64h384v-64h64v640zM480 666.4h-64v-176h64v176z m120 0h-64v-176h64v176z"  ></path></symbol><symbol id="icon-CPU" viewBox="0 0 1366 1024"><path d="M410.667 14.667H448V88h-37.333V14.667zM448 88h8v64h-8V88zM401.333 88h9.334v64h-9.334V88z" fill="#FFA302" ></path><path d="M410.667 88H448v64h-37.333V88zM510.667 14.667H548V88h-37.333V14.667zM501.333 88h9.334v64h-9.334V88zM548 88h9.333v64H548V88z" fill="#FFA302" ></path><path d="M510.667 88H548v64h-37.333V88zM612 14.667h37.333V88H612V14.667zM649.333 88h9.334v64h-9.334V88zM602.667 88H612v64h-9.333V88zM612 88h37.333v64H612V88zM712 14.667h37.333V88H712V14.667zM749.333 88h9.334v64h-9.334V88zM702.667 88H712v64h-9.333V88zM712 88h37.333v64H712V88zM813.333 14.667h37.334V88h-37.334V14.667zM850.667 88H860v64h-9.333V88zM804 88h9.333v64H804V88z" fill="#FFA302" ></path><path d="M813.333 88h37.334v64h-37.334V88zM913.333 14.667h37.334V88h-37.334V14.667zM950.667 88H960v64h-9.333V88zM905.333 88h8v64h-8V88z" fill="#FFA302" ></path><path d="M913.333 88h37.334v64h-37.334V88zM905.333 930.667h37.334V1004h-37.334v-73.333zM896 866.667h9.333v64H896v-64zM942.667 866.667h8v64h-8v-64z" fill="#FFA302" ></path><path d="M905.333 866.667h37.334v64h-37.334v-64zM804 930.667h37.333V1004H804v-73.333zM794.667 866.667H804v64h-9.333v-64zM841.333 866.667h9.334v64h-9.334v-64zM804 866.667h37.333v64H804v-64zM702.667 930.667h38.666V1004h-38.666v-73.333zM694.667 866.667h8v64h-8v-64zM741.333 866.667h8v64h-8v-64z" fill="#FFA302" ></path><path d="M702.667 866.667h38.666v64h-38.666v-64zM602.667 930.667H640V1004h-37.333v-73.333zM593.333 866.667h9.334v64h-9.334v-64zM640 866.667h9.333v64H640v-64zM602.667 866.667H640v64h-37.333v-64zM501.333 930.667h37.334V1004h-37.334v-73.333zM493.333 866.667h8v64h-8v-64zM538.667 866.667H548v64h-9.333v-64zM501.333 866.667h37.334v64h-37.334v-64zM401.333 930.667h37.334V1004h-37.334v-73.333zM392 866.667h9.333v64H392v-64zM438.667 866.667H448v64h-9.333v-64z" fill="#FFA302" ></path><path d="M401.333 866.667h37.334v64h-37.334v-64zM1106.667 242.667H1180V280h-73.333v-37.333zM1042.667 280h64v9.333h-64V280zM1042.667 234.667h64v8h-64v-8zM1042.667 242.667h64V280h-64v-37.333zM1106.667 344H1180v37.333h-73.333V344zM1042.667 334.667h64V344h-64v-9.333zM1042.667 381.333h64v9.334h-64v-9.334zM1042.667 344h64v37.333h-64V344zM1106.667 445.333H1180v37.334h-73.333v-37.334zM1042.667 482.667h64v8h-64v-8zM1042.667 436h64v9.333h-64V436z" fill="#FFA302" ></path><path d="M1042.667 445.333h64v37.334h-64v-37.334zM1106.667 545.333H1180v37.334h-73.333v-37.334zM1042.667 536h64v9.333h-64V536zM1042.667 582.667h64V592h-64v-9.333z" fill="#FFA302" ></path><path d="M1042.667 545.333h64v37.334h-64v-37.334zM1106.667 646.667H1180V684h-73.333v-37.333zM1042.667 684h64v9.333h-64V684zM1042.667 637.333h64v9.334h-64v-9.334zM1042.667 646.667h64V684h-64v-37.333zM1106.667 746.667H1180V784h-73.333v-37.333zM1042.667 784h64v9.333h-64V784zM1042.667 738.667h64v8h-64v-8zM1042.667 746.667h64V784h-64v-37.333zM181.333 746.667h73.334V784h-73.334v-37.333zM254.667 784h64v9.333h-64V784zM254.667 738.667h64v8h-64v-8zM254.667 746.667h64V784h-64v-37.333zM181.333 646.667h73.334V684h-73.334v-37.333zM254.667 637.333h64v9.334h-64v-9.334zM254.667 684h64v9.333h-64V684zM254.667 646.667h64V684h-64v-37.333zM181.333 545.333h73.334v37.334h-73.334v-37.334zM254.667 582.667h64V592h-64v-9.333zM254.667 536h64v9.333h-64V536z" fill="#FFA302" ></path><path d="M254.667 545.333h64v37.334h-64v-37.334zM181.333 445.333h73.334v37.334h-73.334v-37.334zM254.667 436h64v9.333h-64V436zM254.667 482.667h64v8h-64v-8z" fill="#FFA302" ></path><path d="M254.667 445.333h64v37.334h-64v-37.334zM181.333 344h73.334v37.333h-73.334V344zM254.667 334.667h64V344h-64v-9.333zM254.667 381.333h64v9.334h-64v-9.334zM254.667 344h64v37.333h-64V344zM181.333 242.667h73.334V280h-73.334v-37.333zM254.667 280h64v9.333h-64V280zM254.667 234.667h64v8h-64v-8zM254.667 242.667h64V280h-64v-37.333zM708.013 428.413c-4.072-1.074-11.592-1.746-22.564-1.746H640v64h45.947c15.629 0 26.728-2.111 33.288-7.932 6.568-5.816 9.852-13.606 9.852-24.166 0-7.645-1.932-14.056-5.799-19.501s-8.957-8.91-15.275-10.655z" fill="#FFA302" ></path><path d="M1016 244.143c0-35.424-28.717-64.143-64.143-64.143H410.81c-35.424 0-64.142 28.719-64.142 64.143v531.713c0 35.427 28.718 64.144 64.142 64.144h541.047c35.427 0 64.144-28.717 64.144-64.143V244.143zM557.335 575.615c-13.176 10.433-29.279 15.641-48.318 15.641-19.7 0-35.722-4.01-48.066-12.028-12.344-8.028-21.736-19.641-28.179-34.853-6.443-15.208-9.66-31.544-9.66-49.003 0-19.033 3.633-35.637 10.908-49.81 7.27-14.17 17.619-24.935 31.047-32.291 13.422-7.36 28.196-11.038 44.326-11.038 18.286 0 33.664 4.658 46.134 13.964 12.469 9.311 21.154 22.402 26.058 39.279l-23.812 5.61c-4.241-13.297-10.393-22.983-18.456-29.051-8.062-6.067-18.201-9.104-30.425-9.104-14.044 0-25.788 3.369-35.221 10.102-9.436 6.73-16.067 15.772-19.888 27.119-3.826 11.347-5.736 23.047-5.736 35.1 0 15.543 2.264 29.113 6.796 40.707 4.528 11.601 11.574 20.262 21.132 26 9.561 5.736 19.91 8.598 31.046 8.598 13.548 0 25.02-3.902 34.416-11.713 9.391-7.81 15.75-19.41 19.079-34.792l24.187 6.112c-5.068 19.867-14.191 35.017-27.368 45.45z m181.856-80.179c-9.899 10.765-27.77 13.897-53.616 13.897H640V592h-28V408h71.455c12.134 0 21.4-0.743 27.806 0.421 8.975 1.495 16.5 3.683 22.568 7.88 6.067 4.196 10.952 9.751 14.648 17.311 3.695 7.567 5.548 14.588 5.548 23.648 0.002 15.544-4.946 27.412-14.834 38.176z m194.142 15.527c0 18.37-4.257 32.957-8.428 43.766-4.15 10.802-12.742 19.598-23.597 26.371-10.845 6.773-25.624 10.156-43.243 10.156-17.129 0-31.409-2.945-42.3-8.85-10.888-5.898-18.725-14.443-23.378-25.62-4.663-11.186-7.054-26.457-7.054-45.825V408h28v102.836c0 15.879-0.508 27.579 2.446 35.096 2.95 7.527 7.046 13.324 14.232 17.396 7.186 4.072 15.486 6.112 25.876 6.112 17.789 0 30.505-4.036 38.066-12.097 7.562-8.064 11.38-23.563 11.38-46.506V408h28v102.963z" fill="#FFA302" ></path></symbol><symbol id="icon-yuandian" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z"  ></path></symbol><symbol id="icon-ludeng" viewBox="0 0 1024 1024"><path d="M481.7 374.7h61.9v531.7h-61.9z" fill="#0071CE" ></path><path d="M481.7 753.6h61.9v152.8h-61.9z" fill="#00B3E3" ></path><path d="M481.7 374.7h61.9v65.1h-61.9z" fill="" ></path><path d="M589.9 922.2v-18.1c0-9.6-7.8-17.4-17.4-17.4H452.8c-9.6 0-17.4 7.8-17.4 17.4v18.1h154.5z" fill="#2B3E49" ></path><path d="M620.9 171.7c0-59.8-48.5-108.3-108.3-108.3s-108.3 48.5-108.3 108.3h216.6z" fill="#A4A9AD" ></path><path d="M620.9 171.7c0-21-6-40.5-16.3-57.1h-184c-10.3 16.6-16.3 36.1-16.3 57.1h216.6z" fill="" ></path><path d="M620.9 158.1H404.4l34.2 216.6h148.1z" fill="#F2D383" ></path><path d="M603.8 280.9H421.5c-8 0-14.5-6.5-14.5-14.5s6.5-14.5 14.5-14.5h182.3c8 0 14.5 6.5 14.5 14.5s-6.5 14.5-14.5 14.5zM620.9 189H404.4c-17 0-30.8-13.8-30.8-30.8s13.8-30.8 30.8-30.8H621c17 0 30.8 13.8 30.8 30.8 0 16.9-13.8 30.8-30.9 30.8zM586.7 405.6h-148c-17 0-30.8-13.8-30.8-30.8s13.8-30.8 30.8-30.8h148c17 0 30.8 13.8 30.8 30.8s-13.8 30.8-30.8 30.8z" fill="#333E48" ></path><path d="M615.9 960.3c4.9 0 9-4 9-9V945c0-14-11.3-25.3-25.3-25.3H425.8c-14 0-25.3 11.3-25.3 25.3v6.3c0 4.9 4 9 9 9h206.4z" fill="#A4A9AD" ></path><path d="M284.7 349.4c-6 0-11.5-3.7-13.6-9.7-2.7-7.5 1.3-15.8 8.8-18.4l69.6-24.5c7.5-2.7 15.8 1.3 18.4 8.8 2.7 7.5-1.3 15.8-8.8 18.4l-69.6 24.5c-1.5 0.7-3.2 0.9-4.8 0.9zM354.4 245.7c-0.6 0-1.2 0-1.9-0.1L262.3 234c-7.9-1-13.5-8.3-12.5-16.2 1-7.9 8.3-13.5 16.2-12.5l90.2 11.6c7.9 1 13.5 8.3 12.5 16.2-0.9 7.3-7.2 12.6-14.3 12.6zM740.6 349.4c-1.6 0-3.2-0.3-4.8-0.8l-69.6-24.5c-7.5-2.7-11.5-10.9-8.8-18.4 2.7-7.5 10.9-11.5 18.4-8.8l69.6 24.5c7.5 2.7 11.5 10.9 8.8 18.4-2.1 5.9-7.7 9.6-13.6 9.6zM670.9 245.7c-7.2 0-13.4-5.3-14.3-12.6-1-7.9 4.6-15.2 12.5-16.2l90.2-11.6c7.9-1 15.2 4.6 16.2 12.5S770.9 233 763 234l-90.2 11.6c-0.6 0.1-1.2 0.1-1.9 0.1z" fill="#FFB819" ></path></symbol><symbol id="icon-zanting" viewBox="0 0 1024 1024"><path d="M319.5 92h-105c-38.7 0-70 31.3-70 70v700c0 38.7 31.3 70 70 70h105c38.7 0 70-31.3 70-70V162c0-38.7-31.3-70-70-70z m490 0h-105c-38.7 0-70 31.3-70 70v700c0 38.7 31.3 70 70 70h105c38.7 0 70-31.3 70-70V162c0-38.7-31.3-70-70-70z"  ></path></symbol><symbol id="icon-yingpanguanli" viewBox="0 0 1024 1024"><path d="M949.54 610.085h73.143l-71.68 14.409-1.462-7.168v-7.241zM71.68 624.494L0 610.01h73.143v7.315l-1.463 7.095z m-65.829-43.52L0 610.01v44.032h73.143v-36.717l7.314-36.352H5.851z m943.69 36.352v36.79h73.142v-44.105l-5.851-29.11h-74.606l7.315 36.352z m-88.503-441.783H161.646l-81.189 405.43h861.77l-81.19-405.43z m59.904-73.143l101.668 507.685v44.032H0V610.01L101.669 102.4h819.2zM537.6 787.822a51.2 50.176 0 1 0 102.4 0 51.2 50.176 0 1 0-102.4 0zM755.2 787.822a51.2 50.176 0 1 0 102.4 0 51.2 50.176 0 1 0-102.4 0z"  ></path><path d="M73.143 877.714h877.714V647.826H73.143v229.888zM0 574.684h1024v376.173H0V574.683z"  ></path></symbol><symbol id="icon-cheliangyunwei" viewBox="0 0 1024 1024"><path d="M246.688 209.888v448.416h521.28a113.536 113.536 0 0 1 105.376-71.52c47.872 0 88.64 29.664 105.408 71.52h46.208V209.888H246.688z m481.728 315.232a43.52 43.52 0 0 1-43.552 43.552h-174.336a43.52 43.52 0 0 1-43.584-43.552v-174.336c0-24.064 19.488-43.584 43.584-43.584h139.488l-26.176 26.144h-104.608a26.144 26.144 0 0 0-26.144 26.144v156.896c0 14.432 11.744 26.144 26.144 26.144h156.928a26.144 26.144 0 0 0 26.176-26.144v-104.608l26.08-26.176v139.52z m-3.52-157.024a39.04 39.04 0 0 1-38.752 10.048l-65.536 65.536c3.808 13.344 0 28.704-10.56 39.2a40.992 40.992 0 0 1-46.368 8.16l27.296-27.232a13.568 13.568 0 0 0-19.168-19.168l-27.296 27.296a40.32 40.32 0 0 1 8.128-46.4c10.56-10.528 25.824-13.856 39.264-10.528l65.056-65.088c-3.84-13.376 0-28.672 10.528-39.2a40.384 40.384 0 0 1 46.368-8.128l-27.232 27.264a13.536 13.536 0 0 0 19.072 19.136l27.328-27.264a40.32 40.32 0 0 1-8.128 46.368z"  ></path><path d="M223.104 639.904H256.96v17.504H223.104zM736.992 743.776a6.24 6.24 0 0 1-6.24 6.272H285.92a6.272 6.272 0 0 1 0-12.544h444.832c3.488 0 6.24 2.816 6.24 6.272z"  ></path><path d="M342.624 658.272h9.12v77.248h-9.12z"  ></path><path d="M346.176 776.64a16.896 1.568 90 1 0 3.136 0 16.896 1.568 90 1 0-3.136 0Z"  ></path><path d="M341.056 787.36a16.928 1.568 90 1 0 3.136 0 16.928 1.568 90 1 0-3.136 0Z"  ></path><path d="M350.144 787.36a16.928 1.568 90 1 0 3.136 0 16.928 1.568 90 1 0-3.136 0Z"  ></path><path d="M328.672 754.624a19.04 5.056 0 1 0 38.08 0 19.04 5.056 0 1 0-38.08 0Z"  ></path><path d="M628.608 658.272h9.088v77.248h-9.088z"  ></path><path d="M631.552 776.64a16.896 1.568 90 1 0 3.136 0 16.896 1.568 90 1 0-3.136 0Z"  ></path><path d="M626.464 787.36a16.928 1.568 90 1 0 3.136 0 16.928 1.568 90 1 0-3.136 0Z"  ></path><path d="M635.584 787.36a16.928 1.568 90 1 0 3.136 0 16.928 1.568 90 1 0-3.136 0Z"  ></path><path d="M614.112 754.624a19.04 5.056 0 1 0 38.08 0 19.04 5.056 0 1 0-38.08 0Z"  ></path><path d="M478.848 650.432h8.864v51.296h-8.864z"  ></path><path d="M447.488 701.728h70.88l37.824 84.096h-136.896z"  ></path><path d="M92.64 209.888l-90.24 143.168v304.352h5.152a113.6 113.6 0 0 1 105.12-70.656c47.52 0 88.128 29.248 105.12 70.656h14.88V209.888H92.64z m118.304 314.528H29.12v-174.144l59.264-91.104h122.592v265.248z"  ></path><path d="M112.64 701.728m-101.76 0a101.76 101.76 0 1 0 203.52 0 101.76 101.76 0 1 0-203.52 0Z"  ></path><path d="M873.472 701.728m-101.728 0a101.728 101.728 0 1 0 203.456 0 101.728 101.728 0 1 0-203.456 0Z"  ></path></symbol><symbol id="icon-dianziweilan" viewBox="0 0 1024 1024"><path d="M980.864 584.96a473.696 473.696 0 0 1-395.936 400.928v36.608H439.04V985.92A473.664 473.664 0 0 1 43.136 584.864h-41.6v-145.76h43.328A473.92 473.92 0 0 1 439.072 50.176V1.504h145.888v48.768A474.016 474.016 0 0 1 979.168 439.04h43.328v145.92h-41.632zM475.552 977.216h72.96v-72.928h-72.96v72.928z m-428.8-501.664v72.928h72.96v-72.928h-72.96z m501.76-428.768h-72.96v72.928h72.96V46.784z m33.152 77.152v40.032h-139.328v-40a400.64 400.64 0 0 0-323.68 318.656h45.024v139.328H116.768a400.416 400.416 0 0 0 325.568 330.208v-51.584h139.328v51.584a400.416 400.416 0 0 0 325.568-330.208h-46.912v-139.328h45.088a400.864 400.864 0 0 0-323.744-318.656v-0.032z m395.584 351.616h-72.992v72.928h72.992v-72.928z"  ></path><path d="M285.12 512a226.88 226.88 0 1 0 453.792 0A226.88 226.88 0 0 0 285.12 512"  ></path></symbol><symbol id="icon-zanting1" viewBox="0 0 1024 1024"><path d="M668.374036 373.695579a16.737535 16.737535 0 0 0-16.749577-16.740546h-268.5381c-9.25381 0-16.773659 7.492756-16.773659 16.740546v268.571213a16.767639 16.767639 0 0 0 16.773659 16.764629h268.562183a16.761618 16.761618 0 0 0 16.755597-16.764629v-268.571213h-0.030103z"  ></path><path d="M511.998495 42.262277c-259.227093 0-469.328316 210.167451-469.328316 469.343367 0 259.169897 210.101223 469.319285 469.328316 469.319285 259.215052 0 469.331326-210.149389 469.331326-469.319285 0-259.172907-210.143368-469.343368-469.331326-469.343367z m0 871.61016c-221.826529 0-402.266792-180.443274-402.266792-402.263782 0-221.826529 180.461336-402.293885 402.266792-402.293885 221.83857 0 402.260771 180.467357 402.260771 402.293885 0.00301 221.817498-180.428222 402.263782-402.260771 402.263782z"  ></path></symbol><symbol id="icon-yichangjigou" viewBox="0 0 1045 1024"><path d="M892.256947 935.969325h-86.943054V703.637964c0-158.189822-127.154746-287.759148-282.566437-287.759147-155.411692 0-282.566438 129.449657-282.566438 287.759147v232.331361h-86.943054V703.637964c0-206.973728 166.278817-376.271527 369.509492-376.271526 203.22916 0 369.509491 169.297799 369.509491 376.271526v232.331361zM231.245254 114.354746l122.928474 122.928473c16.905089 16.905089 16.905089 44.557633 0 61.464237-16.905089 16.905089-44.559148 16.905089-61.464237 0l-122.928473-122.80729c-16.905089-16.905089-16.905089-44.559148 0-61.464237s44.559148-17.026272 61.464236-0.121183zM141.645254 397.16355c20.77084 11.954746 27.894911 38.642367 15.940166 59.410178-11.954746 20.77084-38.640852 27.894911-59.410177 15.940165l-75.351858-43.471526c-20.769325-11.954746-27.893396-38.642367-15.938651-59.410178 11.954746-20.77084 38.640852-27.894911 59.410177-15.940165L141.648284 397.16355z m881.511006 31.878817l-75.351858 43.471526c-20.769325 11.954746-47.455432 4.830675-59.410177-15.93865-11.954746-20.77084-4.832189-47.458462 15.938651-59.411693l75.351858-43.471526c20.767811-11.954746 47.455432-4.830675 59.410177 15.938651 11.954746 20.77084 4.711006 47.458462-15.938651 59.411692z m-147.565065-253.344568l-122.928473 122.928473c-16.905089 16.905089-44.557633 16.905089-61.464237 0-16.905089-16.905089-16.905089-44.557633 0-61.464236l122.928474-122.928474c16.905089-16.905089 44.559148-16.905089 61.464236 0 16.905089 16.783905 16.905089 44.437964 0 61.464237zM566.218982 40.211692v180.528474c0 22.097799-19.562036 40.090509-43.471526 40.090509s-43.471527-18.113893-43.471527-40.090509V40.211692C479.275929 18.113893 498.83645 0.121183 522.747456 0.121183s43.471527 18.112379 43.471526 40.090509z m434.716781 982.702201H44.559148c-23.909491 0-43.473041-19.56355-43.473041-43.473041 0-23.909491 19.56355-43.471527 43.473041-43.471527h956.376615c23.909491 0 43.471527 19.562036 43.471527 43.471527s-19.562036 43.473041-43.471527 43.473041z" fill="#F15A4A" ></path></symbol><symbol id="icon-kaishi" viewBox="0 0 1024 1024"><path d="M413.866667 259.413333l301.226666 229.12a32 32 0 0 1 0 46.933334L413.866667 764.586667c-13.226667 9.813333-29.866667-2.986667-29.866667-23.466667V282.88c0-20.48 16.64-33.706667 29.866667-23.466667zM512 42.666667A469.333333 469.333333 0 0 0 42.666667 512 469.333333 469.333333 0 1 0 512 42.666667z m0 878.506666A409.173333 409.173333 0 0 1 102.826667 512a409.173333 409.173333 0 0 1 818.346666 0A409.173333 409.173333 0 0 1 512 921.173333z"  ></path></symbol><symbol id="icon-yuntaikongzhi_guangquan" viewBox="0 0 1024 1024"><path d="M512 95.085714A416.914286 416.914286 0 1 0 928.914286 512 416.548571 416.548571 0 0 0 512 95.085714zM855.771429 512a450.194286 450.194286 0 0 1-7.314286 73.142857L548.571429 413.257143l223.085714-131.657143a343.771429 343.771429 0 0 1 84.114286 230.4z m-109.714286-256l-299.885714 175.542857V171.885714a405.211429 405.211429 0 0 1 69.485714-7.314285A369.737143 369.737143 0 0 1 746.057143 256z m-336.457143-73.142857l3.657143 347.428571L190.171429 402.285714a322.56 322.56 0 0 1 219.428571-219.428571z m-241.371429 329.142857a450.194286 450.194286 0 0 1 7.314286-73.142857l299.885714 171.885714-223.085714 131.657143A363.154286 363.154286 0 0 1 168.228571 512z m113.371429 256l299.885714-175.542857v259.657143a405.211429 405.211429 0 0 1-69.485714 7.314285A361.691429 361.691429 0 0 1 281.6 768z m336.457143 73.142857v-347.428571L841.142857 621.714286a359.131429 359.131429 0 0 1-223.085714 219.428571z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_shang" viewBox="0 0 1024 1024"><path d="M716.8 453.485714l-182.857143-234.057143A36.571429 36.571429 0 0 0 475.428571 219.428571l-182.857142 234.057143a36.571429 36.571429 0 0 0 29.257142 58.514286h146.285715v329.142857a34.377143 34.377143 0 0 0 36.571428 36.571429 34.377143 34.377143 0 0 0 36.571429-36.571429v-329.142857h142.628571a36.571429 36.571429 0 0 0 32.914286-58.514286z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_tiaoda" viewBox="0 0 1024 1024"><path d="M256 475.428571h512a36.571429 36.571429 0 0 1 0 73.142858H256a36.571429 36.571429 0 0 1 0-73.142858z" fill="#0B82FD" ></path><path d="M512 219.428571a34.377143 34.377143 0 0 1 36.571429 36.571429v512a36.571429 36.571429 0 0 1-73.142858 0V256a34.377143 34.377143 0 0 1 36.571429-36.571429z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_jujiao" viewBox="0 0 1024 1024"><path d="M365.714286 109.714286H146.285714a34.377143 34.377143 0 0 0-36.571428 36.571428v219.428572a34.377143 34.377143 0 0 0 36.571428 36.571428 34.377143 34.377143 0 0 0 36.571429-36.571428V182.857143h182.857143a34.377143 34.377143 0 0 0 36.571428-36.571429 34.377143 34.377143 0 0 0-36.571428-36.571428zM877.714286 109.714286h-219.428572a34.377143 34.377143 0 0 0-36.571428 36.571428 34.377143 34.377143 0 0 0 36.571428 36.571429h182.857143v182.857143a36.571429 36.571429 0 0 0 73.142857 0V146.285714a34.377143 34.377143 0 0 0-36.571428-36.571428zM365.714286 841.142857H182.857143v-182.857143a34.377143 34.377143 0 0 0-36.571429-36.571428 34.377143 34.377143 0 0 0-36.571428 36.571428v219.428572a34.377143 34.377143 0 0 0 36.571428 36.571428h219.428572a36.571429 36.571429 0 0 0 0-73.142857zM877.714286 621.714286a34.377143 34.377143 0 0 0-36.571429 36.571428v182.857143h-182.857143a36.571429 36.571429 0 0 0 0 73.142857h219.428572a34.377143 34.377143 0 0 0 36.571428-36.571428v-219.428572a34.377143 34.377143 0 0 0-36.571428-36.571428z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_youshang" viewBox="0 0 1024 1024"><path d="M665.6 625.371429l36.571429-292.571429A36.571429 36.571429 0 0 0 661.942857 292.571429l-292.571428 36.571428a36.571429 36.571429 0 0 0-21.942858 62.171429l102.4 102.4-234.057142 234.057143a36.571429 36.571429 0 0 0 0 51.2 36.571429 36.571429 0 0 0 51.2 0l234.057142-234.057143 102.4 102.4a36.571429 36.571429 0 0 0 62.171429-21.942857z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_you" viewBox="0 0 1024 1024"><path d="M599.771429 299.885714l234.057142 182.857143a36.571429 36.571429 0 0 1 0 58.514286l-234.057142 182.857143a36.571429 36.571429 0 0 1-58.514286-29.257143v-146.285714h-329.142857a34.377143 34.377143 0 0 1-36.571429-36.571429 34.377143 34.377143 0 0 1 36.571429-36.571429h329.142857V332.8a36.571429 36.571429 0 0 1 58.514286-32.914286z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_tiaoxiao" viewBox="0 0 1024 1024"><path d="M256 475.428571h512a36.571429 36.571429 0 0 1 0 73.142858H256a36.571429 36.571429 0 0 1 0-73.142858z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_tiaodaxiao" viewBox="0 0 1024 1024"><path d="M903.314286 848.457143l-149.942857-149.942857A361.691429 361.691429 0 0 0 215.771429 215.771429a359.862857 359.862857 0 0 0 0 512 365.714286 365.714286 0 0 0 256 106.057142 351.451429 351.451429 0 0 0 226.742857-80.457142l149.942857 149.942857a44.617143 44.617143 0 0 0 58.514286 0 44.251429 44.251429 0 0 0-3.657143-54.857143zM270.628571 672.914286a282.697143 282.697143 0 0 1 0-398.628572 277.211429 277.211429 0 0 1 197.485715-84.114285 265.142857 265.142857 0 0 1 197.485714 84.114285 282.697143 282.697143 0 0 1 0 398.628572 273.92 273.92 0 0 1-394.971429 0z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_xia" viewBox="0 0 1024 1024"><path d="M724.114286 599.771429l-182.857143 234.057142a36.571429 36.571429 0 0 1-58.514286 0l-182.857143-234.057142a36.571429 36.571429 0 0 1 29.257143-58.514286h146.285714v-329.142857a34.377143 34.377143 0 0 1 36.571429-36.571429 34.377143 34.377143 0 0 1 36.571429 36.571429v329.142857h142.628571a36.571429 36.571429 0 0 1 32.914286 58.514286z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_ziyou" viewBox="0 0 1024 1024"><path d="M530.285714 182.857143a329.142857 329.142857 0 0 0-241.371428 120.685714L208.457143 256a36.571429 36.571429 0 0 0-54.857143 36.571429l32.914286 208.457142a40.228571 40.228571 0 0 0 51.2 29.257143l201.142857-76.8a36.571429 36.571429 0 0 0 3.657143-65.828571L358.4 340.114286a248.32 248.32 0 0 1 234.057143-80.457143A256 256 0 0 1 544.914286 768a287.817143 287.817143 0 0 1-135.314286-36.571429 36.571429 36.571429 0 0 0-47.542857 7.314286 36.571429 36.571429 0 0 0 7.314286 54.857143 312.32 312.32 0 0 0 171.885714 47.542857 329.142857 329.142857 0 1 0-10.971429-658.285714z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_youxia" viewBox="0 0 1024 1024"><path d="M724.114286 424.228571l36.571428 292.571429a36.571429 36.571429 0 0 1-40.228571 40.228571l-292.571429-36.571428a36.571429 36.571429 0 0 1-21.942857-62.171429l102.4-102.4-234.057143-234.057143a36.571429 36.571429 0 0 1 0-51.2 36.571429 36.571429 0 0 1 51.2 0l234.057143 234.057143 102.4-102.4a36.571429 36.571429 0 0 1 62.171429 21.942857z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_zuo" viewBox="0 0 1024 1024"><path d="M424.228571 299.885714l-234.057142 182.857143a36.571429 36.571429 0 0 0 0 58.514286l234.057142 182.857143a36.571429 36.571429 0 0 0 58.514286-29.257143v-146.285714h329.142857a34.377143 34.377143 0 0 0 36.571429-36.571429 34.377143 34.377143 0 0 0-36.571429-36.571429h-329.142857V332.8a36.571429 36.571429 0 0 0-58.514286-32.914286z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_zuoshang" viewBox="0 0 1024 1024"><path d="M822.857143 742.4l-259.657143-259.657143 106.057143-106.057143a36.571429 36.571429 0 0 0-21.942857-62.171428l-299.885715-36.571429a36.571429 36.571429 0 0 0-40.228571 40.228572l36.571429 299.885714a36.571429 36.571429 0 0 0 62.171428 21.942857l106.057143-106.057143 259.657143 259.657143a36.571429 36.571429 0 0 0 51.2-51.2z" fill="#0B82FD" ></path></symbol><symbol id="icon-yuntaikongzhi_zuoxia" viewBox="0 0 1024 1024"><path d="M764.342857 256a36.571429 36.571429 0 0 0-51.2 0l-259.657143 259.657143-106.057143-106.057143a36.571429 36.571429 0 0 0-62.171428 21.942857l-36.571429 299.885714a36.571429 36.571429 0 0 0 40.228572 40.228572l299.885714-36.571429a36.571429 36.571429 0 0 0 21.942857-62.171428l-106.057143-106.057143 259.657143-259.657143a36.571429 36.571429 0 0 0 0-51.2z" fill="#0B82FD" ></path></symbol><symbol id="icon-deng" viewBox="0 0 1024 1024"><path d="M717.44 495.36c-28.8 0-51.84-23.04-51.84-51.2 0-3.84 3.2-7.68 7.68-7.68s7.68 3.2 7.68 7.68c0 19.84 16.64 35.84 36.48 35.84s36.48-16 36.48-35.84c0-3.84 3.2-7.68 7.68-7.68s7.68 3.2 7.68 7.68c0 28.16-23.04 51.2-51.84 51.2zM622.72 545.28c-1.92 0-3.84-0.64-5.12-1.92-3.2-3.2-3.2-7.68 0-10.88l26.24-26.24c3.2-3.2 7.68-3.2 10.88 0s3.2 7.68 0 10.88l-26.24 26.24c-1.92 1.28-3.84 1.92-5.76 1.92zM812.16 545.28c-1.92 0-3.84-0.64-5.12-1.92l-26.24-26.24c-3.2-3.2-3.2-7.68 0-10.88s7.68-3.2 10.88 0l26.24 26.24c3.2 3.2 3.2 7.68 0 10.88-1.92 1.28-3.84 1.92-5.76 1.92zM717.44 584.32c-4.48 0-7.68-3.2-7.68-7.68v-37.12c0-3.84 3.2-7.68 7.68-7.68s7.68 3.2 7.68 7.68v37.12c0 4.48-3.2 7.68-7.68 7.68zM666.24 574.08c-1.28 0-1.92 0-3.2-0.64-3.84-1.28-5.76-5.76-3.84-9.6l14.08-33.92c1.92-3.84 5.76-5.76 9.6-3.84 3.84 1.28 5.76 5.76 3.84 9.6l-14.08 33.92c-0.64 2.56-3.2 4.48-6.4 4.48zM841.6 502.4c-1.28 0-1.92 0-3.2-0.64l-34.56-14.08c-3.84-1.28-5.76-5.76-3.84-9.6 1.92-3.84 5.76-5.76 9.6-3.84l34.56 14.08c3.84 1.28 5.76 5.76 3.84 9.6-0.64 3.2-3.84 4.48-6.4 4.48zM593.92 502.4c-3.2 0-5.76-1.92-7.04-4.48-1.92-3.84 0-8.32 3.84-9.6l34.56-14.08c3.84-1.28 8.32 0 9.6 3.84 1.92 3.84 0 8.32-3.84 9.6l-34.56 14.08c-0.64 0.64-1.92 0.64-2.56 0.64zM768.64 574.08c-3.2 0-5.76-1.92-7.04-4.48l-14.08-33.92c-1.92-3.84 0-8.32 3.84-9.6 3.84-1.28 8.32 0 9.6 3.84l14.08 33.92c1.92 3.84 0 8.32-3.84 9.6-0.64 0.64-1.28 0.64-2.56 0.64z" fill="#00ABE0" ></path><path d="M453.76 929.92h-45.44c-4.48 0-7.68-3.2-7.68-7.68V177.92c0-3.84 3.2-7.68 7.68-7.68h45.44c4.48 0 7.68 3.2 7.68 7.68v744.96c0 3.84-3.84 7.04-7.68 7.04zM416 915.2h30.08V184.96H416V915.2z" fill="#211D1C" ></path><path d="M292.48 539.52c-1.92 0-3.84-0.64-5.12-1.92l-19.2-19.2c-3.2-3.2-3.2-7.68 0-10.88L403.2 373.76c3.2-3.2 7.68-3.2 10.88 0s3.2 7.68 0 10.88l-130.56 128 8.96 8.32 110.72-108.8c3.2-3.2 7.68-3.2 10.88 0s3.2 7.68 0 10.88L297.6 537.6c-1.28 1.28-3.2 1.92-5.12 1.92zM453.76 380.16c-1.92 0-3.84-0.64-5.12-1.92-3.2-3.2-3.2-7.68 0-10.88L787.2 32.64l-8.96-8.32-319.36 315.52c-3.2 3.2-7.68 3.2-10.88 0s-3.2-7.68 0-10.88l324.48-320.64c2.56-2.56 7.68-2.56 10.88 0l19.2 19.2c3.2 3.2 3.2 7.68 0 10.88L458.88 378.24c-1.28 1.28-3.2 1.92-5.12 1.92zM524.16 974.72H337.92c-4.48 0-7.68-3.2-7.68-7.68V960c0-24.96 20.48-44.8 45.44-44.8H486.4c24.96 0 45.44 19.84 45.44 44.8v7.04c0 4.48-3.84 7.68-7.68 7.68zM345.6 960h170.88c0-16.64-13.44-29.44-30.08-29.44H375.68c-16.64-0.64-30.08 12.8-30.08 29.44z" fill="#211D1C" ></path><path d="M574.72 1019.52H287.36c-2.56 0-5.12-1.28-6.4-3.84-1.28-2.56-1.28-5.76 0.64-7.68l31.36-44.8c1.28-1.92 3.84-3.2 6.4-3.2h224c2.56 0 4.48 1.28 6.4 3.2l31.36 45.44c1.92 2.56 1.92 5.12 0.64 7.68-1.92 1.92-4.48 3.2-7.04 3.2z m-272.64-15.36h257.92l-21.12-29.44H323.2l-21.12 29.44zM717.44 273.28c-4.48 0-7.68-3.2-7.68-7.68v-153.6c0-3.84 3.2-7.68 7.68-7.68s7.68 3.2 7.68 7.68v154.24c0 3.84-3.2 7.04-7.68 7.04z" fill="#211D1C" ></path><path d="M855.04 449.92H586.88c-2.56 0-4.48-1.28-6.4-3.2-1.28-1.92-1.92-4.48-1.28-6.4l56.96-176.64c1.28-3.2 3.84-5.12 7.04-5.12h154.24c3.2 0 6.4 1.92 7.04 5.12l56.96 176.64c0.64 2.56 0.64 4.48-1.28 6.4-0.64 1.92-2.56 3.2-5.12 3.2zM597.12 435.2H844.8l-51.84-161.28h-143.36L597.12 435.2z" fill="#211D1C" ></path><path d="M804.48 316.8H637.44c-4.48 0-7.68-3.2-7.68-7.68s3.2-7.68 7.68-7.68h167.04c4.48 0 7.68 3.2 7.68 7.68s-3.2 7.68-7.68 7.68zM319.36 714.24c-4.48 0-7.68-3.2-7.68-7.68V505.6c0-3.84 3.2-7.68 7.68-7.68s7.68 3.2 7.68 7.68v201.6c-0.64 3.84-3.84 7.04-7.68 7.04z" fill="#211D1C" ></path><path d="M341.76 801.92h-45.44c-4.48 0-7.68-3.2-7.68-7.68v-88.32c0-3.84 3.2-7.68 7.68-7.68h45.44c4.48 0 7.68 3.2 7.68 7.68v88.32c0 4.48-3.84 7.68-7.68 7.68z m-37.76-14.72h30.08v-72.96h-30.08V787.2z" fill="#00ABE0" ></path></symbol><symbol id="icon-deng1" viewBox="0 0 1024 1024"><path d="M309.4 955.2c-12.7 0-23-10.3-23-23V88c0-12.7 10.3-23 23-23s23 10.3 23 23v844.2c0 12.7-10.3 23-23 23z" fill="#728BFF" ></path><path d="M815.1 216H204.8c-12.7 0-23-10.3-23-23s10.3-23 23-23H815c12.7 0 23 10.3 23 23s-10.2 23-22.9 23zM393.9 956.2H218.1c-12.7 0-23-10.3-23-23s10.3-23 23-23h175.8c12.7 0 23 10.3 23 23s-10.3 23-23 23z" fill="#728BFF" ></path><path d="M667.5 348c-12.7 0-23-10.3-23-23V194.6c0-12.7 10.3-23 23-23s23 10.3 23 23V325c0 12.7-10.3 23-23 23z" fill="#728BFF" ></path><path d="M775.3 539.1H560c-15 0-27.2-12.2-27.2-27.2v-70.4c0-73.8 60-133.8 133.8-133.8h2.2c73.8 0 133.8 60 133.8 133.8v70.4c-0.1 15-12.3 27.2-27.3 27.2z m-196.6-46h177.8v-51.7c0-48.4-39.4-87.8-87.8-87.8h-2.2c-48.4 0-87.8 39.4-87.8 87.8v51.7z" fill="#728BFF" ></path><path d="M665.6 401.8h-1l-19.9-1.3c-8.3-0.5-14.5-7.7-14-15.9 0.5-8.3 7.7-14.5 15.9-14l19.9 1.3c8.3 0.5 14.5 7.7 14 15.9-0.4 7.9-7 14-14.9 14zM725.1 479.1c-8.1 0-14.7-6.4-15-14.6-1.1-36.1-11.3-45.5-12.6-46.5-6.8-3.6-9.8-12-6.7-19.2 3.3-7.6 12.2-11.1 19.7-7.8 4.6 2 27.8 15 29.5 72.6 0.2 8.3-6.3 15.2-14.6 15.4 0 0.1-0.2 0.1-0.3 0.1z m-26.5-60.5z m-0.1 0c0.1 0 0.1 0 0 0 0.1 0 0.1 0 0 0z" fill="#728BFF" ></path></symbol><symbol id="icon-iconfontdian1" viewBox="0 0 1024 1024"><path d="M512.325632 512.347136m-159.997952 0a156.248 156.248 0 1 0 319.995904 0 156.248 156.248 0 1 0-319.995904 0Z" fill="#1fc756" ></path></symbol><symbol id="icon-qiakoushexiangtou" viewBox="0 0 1024 1024"><path d="M280 644.2h-84v-105l-84-15.5V862l84-27.2V718.1h136l72-97.2-96-50.6-28 73.9z m436 19.4L912 543 304 162h-72l-96 143.9v50.6l536 311.1 44-4z m-72 27.2L184 403.1l-48 50.6 536 311.1h48l24-23.4 24-70-72 50.6c-32.1-23.4-52-31.2-52-31.2z m0 0"  ></path></symbol><symbol id="icon-qiakoujiankongshexiangtou" viewBox="0 0 1024 1024"><path d="M848.6 539.1C844 704.8 695.4 837.9 512.3 837.9c-182.4 0-330.6-132.2-336.2-297.2-29.1-14.9-51.2-32.6-62.9-53.3-2.8-44.8 0-171.1 0-200.3 125.8-134.6 668.3-136.7 798.2 0v200.3c-11.9 19.9-33.9 37-62.8 51.7z m-461 186.1h7.6c17.2 29.1 62.9 50.1 117.1 50.1s99.9-21 117.1-50.1h7.6V562.5h-2.5c-11.6-57.1-61.9-100.2-122.2-100.2s-110.7 43-122.2 100.2h-2.5v162.7z m461.5-410.9c-114.7-82.8-522.8-89.2-673.5-2.2 0 15-1.3 82.2 1 105.2 118.6-74.5 550.3-73.5 672.5 0v-103zM512.3 587.5c34.4 0 62.4 30.8 62.4 68.9s-27.9 68.9-62.4 68.9c-34.4 0-62.4-30.8-62.4-68.9s28-68.9 62.4-68.9z m0 0"  ></path></symbol><symbol id="icon-qiakoujiankongshexiangtou1" viewBox="0 0 1024 1024"><path d="M683.3 745.4c-52.4 30.5-109.5 45.4-171.3 45.4-61.8 0-119.6-14.9-172-45.4-52.4-30.5-93.8-71.2-124.3-123.6-30.5-52.4-46.1-108.7-46.1-170.5s15.6-118.1 46.1-170.5c30.5-52.4 71.9-93.1 124.3-123.6 52.4-30.5 110.3-45.4 172-45.4 61.8 0 118.9 14.9 171.3 45.4 52.4 30.5 94.6 71.2 125.1 123.6 30.5 52.4 46.1 108.7 46.1 170.5s-15.6 118.1-46.1 170.5c-30.5 52.5-72.7 93.1-125.1 123.6z m-40.7-423c-36-36-79.8-54-130.6-54s-94.6 18-130.6 54c-36 35.2-54 78.2-54 129s18 93.8 54 129 79.8 53.2 130.6 53.2 94.6-18 130.6-53.2 54-78.2 54-129-18-93.8-54-129z m-50 208.8C569.9 553.1 543.3 564 512 564s-57.9-10.9-80.6-32.8c-22.7-21.9-33.6-48.5-33.6-79.8 0-31.3 10.9-57.9 33.6-79.8C454.1 349 480.7 338 512 338s57.9 10.9 80.6 33.6c22.7 21.9 33.6 48.5 33.6 79.8 0 31.3-11 57.9-33.6 79.8z m-80.6 294c102.4 0 193.9-32.1 246.3-82.9l83.7 75.9c-32.8 28.9-79 51.6-137.6 68C645.7 903.4 581.6 912 512 912c-71.2 0-136.1-8.6-195.5-26.6-59.4-17.2-105.6-40.7-137.6-69.6l82.9-77.4c50.8 53.2 144.6 86.8 250.2 86.8z m0 0"  ></path></symbol><symbol id="icon-kaishi1" viewBox="0 0 1024 1024"><path d="M891.13508 414.735079L240.995527 22.603663C139.635187-30.636112 56.704 13.389087 56.704 120.892477v782.215148c0 107.503391 82.931187 151.528589 184.291527 98.288814l650.139553-391.107573c101.36034-54.263616 101.36034-142.314012 0-195.553787z m0 0" fill="" ></path></symbol><symbol id="icon-zanting2" viewBox="0 0 1024 1024"><path d="M508.7232 99.84c-226.2016 0-409.6 183.3984-409.6 409.6s183.3984 409.6 409.6 409.6 409.6-183.3984 409.6-409.6-183.3984-409.6-409.6-409.6z m0 773.632c-201.1136 0-364.1344-163.0208-364.1344-364.1344s163.0208-364.1344 364.1344-364.1344c201.1136 0 364.1344 163.0208 364.1344 364.1344S709.8368 873.472 508.7232 873.472z" fill="#555555" ></path><path d="M599.7568 372.8384H417.6896c-25.088 0-45.4656 20.3776-45.4656 45.4656v182.0672c0 25.088 20.3776 45.4656 45.4656 45.4656h182.0672c25.088 0 45.4656-20.3776 45.4656-45.4656V418.4064c0-25.1904-20.3776-45.568-45.4656-45.568z" fill="#555555" ></path></symbol><symbol id="icon-play" viewBox="0 0 1024 1024"><path d="M256.08 160.365v703.269l552.57-351.65z"  ></path></symbol><symbol id="icon-qiangji" viewBox="0 0 1170 1024"><path d="M245.834901 705.404389H122.91745v-153.814002L0 528.91954v494.879833l122.91745-40.125392v-170.198537h198.955068l105.329154-142.244514-140.438872-73.964472-40.927899 108.071055z m637.793103 28.489028l286.762801-176.351097L280.944619 0.066876H175.548589l-140.438871 210.45768v74.098224l784.117032 454.75444z m-105.329153 39.791014L105.329154 352.702194 35.109718 426.666667l784.117032 455.155695H889.446186l35.109718-34.173459 35.109718-102.453501-105.329154 73.964473c-46.812957-34.106583-76.037618-45.54232-76.037617-45.54232z" fill="" ></path></symbol><symbol id="icon-wenduji" viewBox="0 0 1024 1024"><path d="M888 337.9l50.3 41.5c-30.2 36.5-74.7 57.5-122 57.5-87.3 0-158.2-71-158.2-158.2s71-158.2 158.2-158.2c47.4 0 91.8 20.9 122 57.5L888 219.4c-17.8-21.5-43.9-33.8-71.7-33.8-51.3 0-93 41.7-93 93s41.7 93 93 93c27.8 0.1 53.9-12.2 71.7-33.7zM652.3 152.7c0 33.1-26.9 60-60 60s-60-26.9-60-60 26.9-60 60-60 60 26.9 60 60zM399.4 731.6c0 55.7-45.2 100.8-100.8 100.8-55.7 0-100.8-45.2-100.8-100.8 0-39.1 22.2-72.9 54.6-89.7V506.3h92.4V642c32.4 16.7 54.6 50.6 54.6 89.6z" fill="#282828" ></path><path d="M455.1 588V244.1c0-89.3-69.7-161.9-155.5-161.9h-2.3c-85.7 0-155.5 72.6-155.5 161.9V588c-35.7 39.1-55.2 89.2-55.2 142.6 0 116.8 95 211.8 211.9 211.8 116.8 0 211.8-95 211.8-211.8 0-53.4-19.4-103.5-55.2-142.6zM298.5 874.9c-79.5 0-144.2-64.7-144.2-144.2 0-39.8 15.9-76.9 44.8-104.4 3.4-3.2 6.9-6.2 10.5-9.1V244.1c0-52 39.4-94.3 87.9-94.3h2.3c48.5 0 87.9 42.3 87.9 94.3v13.1H266.4v57.5h121.1v60.8H266.4V433h121.1v184.2c3.6 2.9 7.1 5.9 10.5 9.1 28.9 27.5 44.7 64.6 44.7 104.4 0 79.5-64.6 144.2-144.2 144.2z" fill="#282828" ></path></symbol><symbol id="icon-qiuji" viewBox="0 0 1024 1024"><path d="M512 1023.99835a445.999281 445.999281 0 1 1 173.99972-34.999944 443.999285 443.999285 0 0 1-173.99972 34.999944z m0-813.998688C310.000325 209.999662 145.000591 374.999396 145.000591 576.99907s163.999736 366.999409 366.999409 366.999409 366.999409-164.999734 366.999409-366.999409-164.999734-366.999409-366.999409-366.999408z" fill="" ></path><path d="M699.999697 245.999604a39.999936 39.999936 0 0 1-39.999935-39.999936V99.999839a19.999968 19.999968 0 0 0-19.999968-19.999968H384.000206a19.999968 19.999968 0 0 0-19.999968 19.999968v105.999829a39.999936 39.999936 0 0 1-79.999871 0V99.999839A99.999839 99.999839 0 0 1 384.000206 0h255.999588a99.999839 99.999839 0 0 1 99.999839 99.999839v105.999829a39.999936 39.999936 0 0 1-39.999936 39.999936zM699.999697 950.998468a39.999936 39.999936 0 0 1-39.999935-39.999936V732.998819c0-81.999868-65.999894-147.999762-147.999762-147.999762s-147.999762 65.999894-147.999762 147.999762v177.999713a39.999936 39.999936 0 0 1-79.999871 0V732.998819a227.999633 227.999633 0 0 1 455.999266 0v177.999713a39.999936 39.999936 0 0 1-39.999936 39.999936zM851.999452 426.999312H171.000549a39.999936 39.999936 0 1 1 0-79.999871h680.998903a39.999936 39.999936 0 0 1 0 79.999871z" fill="" ></path><path d="M512 861.998611a128.999792 128.999792 0 1 1 128.999792-128.999792 128.999792 128.999792 0 0 1-128.999792 128.999792z m0-177.999713a48.999921 48.999921 0 1 0 48.999921 48.999921 48.999921 48.999921 0 0 0-48.999921-48.999921z" fill="" ></path></symbol><symbol id="icon-zhatuche-s" viewBox="0 0 1024 1024"><path d="M368.651 327.209h-136.46L96.551 588.802h-0.819v163.751h60.178v-5.322c-0.458-67.407 53.503-122.584 120.903-123.632 67.4 1.048 121.36 56.225 120.902 123.632 0 1.774 39.437 3.002 12.145 3.002h245.625c0-1.774 6.55-1.228 6.55-3.002-0.458-67.407 53.503-122.584 120.903-123.632a118.75 118.75 0 0 1 46.26 9.416l69.185-73.825H928.132V436.376H409.589l-40.938-109.167zM177.607 558.781l85.015-164.979h55.675l36.708 165.389-177.398-0.41zM900.978 340.446l-38.891-63.317-31.659-5.049h-36.025l-42.576-95.385-73.143 32.341-78.736 7.778-40.256 55.266h-66.728l-53.492 28.52-6.687 7.642 17.876 32.204z"  ></path><path d="M178.289 746.82a98.251 100.434 0 1 0 196.502 0 98.251 100.434 0 1 0-196.502 0Z"  ></path><path d="M782.667 646.387c-54.262 0-98.251 44.966-98.251 100.434-0.028 55.468 43.939 100.456 98.201 100.484 54.262 0.026 98.271-44.916 98.299-100.385l0.001-0.099c0-55.468-43.988-100.434-98.25-100.434zM447.171 354.091l-37.448-95.521H300.556v27.292h109.168l20.469 68.229h-6.824l27.292 68.23h477.607v-68.23z"  ></path></symbol><symbol id="icon-qiuji1" viewBox="0 0 1024 1024"><path d="M904.5 582.217c1.16 2.485-785.683-0.936-785 0 0-218.376 127.361-364.424 306-398.591V115h-233V59.016h349v118.105c204.941 14.788 363 166.93 363 405.096z m-113.866 62.87c0 176.692-100.467 319.921-278.381 319.921-177.4 0-277.791-144-278.363-320.008H790.1a1.35 1.35 0 0 1 0.536 0.087z m-278.555 80.738c-44.8 0-81.132 31.639-81.132 70.665s36.327 70.669 81.132 70.669 81.135-31.642 81.135-70.669-36.328-70.665-81.135-70.665z"  ></path></symbol><symbol id="icon-yunhangrenwu" viewBox="0 0 1024 1024"><path d="M586.3 152.5c73.8 14.2 141.6 50.1 195.9 104.4 55.6 55.6 91.8 125.4 105.3 201.2h64.8C923.6 268.7 775 118.6 586.3 87.5v65zM138.5 464.1C151.2 386 187.8 314 244.9 256.9c54.3-54.3 122.2-90.1 195.9-104.4v-65C250.2 119 100.5 271.9 73.8 464.1h64.7z m751.1 117c-11.7 80.4-48.8 154.7-107.3 213.2C727.6 849 659.1 884.9 584.7 899v64.9c193.4-31.2 345-187.2 369.4-382.8h-64.5zM439.3 898.3c-73.2-14.4-140.4-50.1-194.3-104.1-57.1-57.1-93.7-129.1-106.4-207.2H73.8c26.6 191.7 175.5 344.3 365.4 376.3v-65z m75.2-645.8c-151.1 0-273.6 122.5-273.6 273.6s122.5 273.6 273.6 273.6 273.6-122.5 273.6-273.6-122.5-273.6-273.6-273.6z m158.1 431.8c-42.2 42.2-98.4 65.5-158.1 65.5s-115.9-23.3-158.1-65.5c-42.2-42.2-65.5-98.4-65.5-158.1 0-59.7 23.3-115.9 65.5-158.1 42.2-42.2 98.4-65.5 158.1-65.5 59.7 0 115.9 23.3 158.1 65.5 42.2 42.2 65.5 98.4 65.5 158.1S714.8 642 672.6 684.3z" fill="#333333" ></path></symbol><symbol id="icon-yichangrenwushu" viewBox="0 0 1024 1024"><path d="M652.019886 1023.999912H186.230894A73.966743 73.966743 0 0 1 112.351755 950.120773V73.879139A73.966743 73.966743 0 0 1 186.230894 0h648.909974a73.995944 73.995944 0 0 1 73.849938 73.587127l2.657313 690.988962a74.287957 74.287957 0 0 1-21.696522 52.562233l-185.778294 185.252672a73.470322 73.470322 0 0 1-52.153417 21.608918zM186.230894 52.562234a21.346107 21.346107 0 0 0-21.316906 21.316905v876.241634a21.375308 21.375308 0 0 0 21.316906 21.316906h465.788992a21.229302 21.229302 0 0 0 15.038639-6.219864l185.778295-185.252672a21.433711 21.433711 0 0 0 6.249065-15.184646l-2.657313-690.988961a21.346107 21.346107 0 0 0-21.287704-21.229302z"  ></path><path d="M692.11319 975.321444h-52.562233v-161.103246a62.870272 62.870272 0 0 1 62.782667-62.782668h172.783742v52.562234h-172.783742a10.220434 10.220434 0 0 0-10.220434 10.220434zM247.290688 178.127569h528.54246v52.562234h-528.54246zM247.290688 300.772781h528.54246v52.562233h-528.54246zM661.218277 703.019873H369.9359a36.092734 36.092734 0 0 1-31.624944-19.039209 37.757204 37.757204 0 0 1 1.40166-38.60404l145.568185-225.287573a35.77152 35.77152 0 0 1 60.446569 0L691.41236 645.347422a37.757204 37.757204 0 0 1 1.430861 38.604041 36.121935 36.121935 0 0 1-31.624944 19.06841z m-288.917077-37.961613h286.726984l-143.378092-221.783424z"  ></path><path d="M497.428517 505.181466h35.041489v89.063785h-35.041489zM496.961298 615.416151h35.041489V645.347422h-35.041489z"  ></path></symbol><symbol id="icon-yunhangrenwu1" viewBox="0 0 1024 1024"><path d="M512 1024C229.216 1024 0 794.784 0 512S229.216 0 512 0s512 229.216 512 512-229.216 512-512 512z m0-64c247.424 0 448-200.576 448-448S759.424 64 512 64 64 264.576 64 512s200.576 448 448 448z m224-448l-352 224V288l352 224z m-96 0l-192-112v224l192-112z"  ></path></symbol><symbol id="icon-yichang" viewBox="0 0 1024 1024"><path d="M404.15 727.747H239.771c-21.106 0-41.095-19.95-41.095-41.096 0-21.144 19.989-30.821 41.095-30.821H404.15c5.364-37.716 13.431-70.473 30.821-102.737h-195.2c-21.106 0-35.925-18.631-35.925-39.777 0-21.285 14.819-42.413 35.925-42.413h256.842c57.147-55.765 136.47-86.531 222.296-86.531 41.687 0 80.239 10.112 116.736 24.889V162.693l0.75-18.865s-0.715-0.698-0.75-1.683c-0.035-1.09-0.022-2.821-0.126-3.911-0.141-1.373-0.386-2.568-0.597-3.906-0.105-0.704-0.175-1.338-0.315-2.005-0.21-0.985-0.491-1.936-0.736-2.921-0.246-0.984-0.456-1.969-0.737-2.955a64.386 64.386 0 0 0-1.963-5.7c-0.07-0.035-0.07-0.07-0.105-0.141a1.008 1.008 0 0 1-0.071-0.316c-0.736-1.478-1.577-2.814-2.349-4.117-0.035-0.105-0.106-0.176-0.141-0.28a76.395 76.395 0 0 0-2.103-3.73c-0.737-1.231-1.508-2.956-2.315-4.152-11.359-16.289-39.148-27.508-60.359-27.508H137.034c-34.71 0-71.916 37.297-71.916 71.917l0.522 730.246h-0.491s-0.106 1.267-0.07 2.322c0.07 1.055-0.071 1.653 0.035 2.673 0.07 0.775 0.176 1.338 0.281 2.112 0.455 3.271 1.087 6.438 2.033 9.569 0.561 1.936 1.227 3.8 1.963 5.665 0.036 0.035 0.036 0.071 0.07 0.106 0.071 0.105 0.071 0.211 0.071 0.315 0.771 1.584 1.718 2.147 2.489 3.59 10.482 20.336 20.239 34.476 44.466 34.476h400.674c-59.953-52.457-105.508-131.767-113.011-215.747zM239.771 296.252h421.221c21.105 0 35.724 13.849 35.724 34.959v0.071c0 21.144-14.618 36.886-35.724 36.886H239.771c-21.106 0-35.925-16.656-35.925-37.801 0-21.286 14.819-34.115 35.925-34.115z m597.184 196.73c-34.884-19.879-75.167-31.207-118.046-31.207-26.996 0-52.94 4.504-77.167 12.771-43.649 14.917-81.653 42.079-109.947 77.402-24.122 30.117-41.195 66.144-48.663 105.549-2.805 14.636-4.242 29.729-4.242 45.139 0 9.71 0.561 19.315 1.718 28.744 13.323 112.057 103.637 200.753 216.214 211.097 7.292 0.669 14.655 1.02 22.087 1.02 7.433 0 14.795-0.351 22.087-1.02 28.959-2.638 56.447-10.519 81.515-22.587 80.637-38.878 136.417-121.663 136.417-217.254 0-89.787-49.188-168.244-121.973-209.654z m-40.224 372.981c-19.346 9.313-39.911 15.015-61.156 16.951-5.591 0.513-11.198 0.773-16.666 0.773-5.469 0-11.075-0.26-16.653-0.771-84.131-7.731-152.458-74.44-162.467-158.621l-0.012-0.112-0.014-0.111c-0.843-6.876-1.271-14.088-1.271-21.436 0-11.482 1.066-22.868 3.192-33.966 5.456-28.792 18.101-56.198 36.567-79.252 21.637-27.014 50.236-47.158 82.682-58.247 18.639-6.36 38.145-9.585 57.977-9.585 31.1 0 61.744 8.094 88.651 23.425 56.604 32.206 91.767 92.603 91.767 157.625-0.002 69.17-40.285 133.285-102.597 163.327z m-77.822-84.623c-14.48 0-26.19 11.786-26.19 26.317 0 14.494 11.71 26.281 26.19 26.281s26.225-11.787 26.225-26.281c0-14.531-11.745-26.317-26.225-26.317z m0-207.544c-16.689 0-30.327 13.687-30.327 30.434l1.928 69.768 1.087 39.158 0.385 13.722c0 16.747 10.238 28.744 26.926 28.744 16.689 0 26.926-11.997 26.926-28.744l3.436-122.647c0-8.373-3.401-15.973-8.94-21.497a30.093 30.093 0 0 0-21.421-8.938z"  ></path></symbol><symbol id="icon-yiyunhangrenwuliebiao" viewBox="0 0 1024 1024"><path d="M387.2 888.3H168.1c-51.3 0-94.8-42-94.8-94.8V165.8c0-52.8 42-94.8 94.8-94.8h503.4c51.3 0 94.8 42 94.8 94.8v188c0 17.1-14 31.1-31.1 31.1s-31.1-14-31.1-31.1v-188c0-17.1-14-31.1-31.1-31.1H168c-17.1-1.6-32.6 14-32.6 31.1v629.3c0 17.1 14 31.1 31.1 31.1h220.6c17.1 0 31.1 14 31.1 31.1 0.1 17.1-12.3 31-31 31z m0 0"  ></path><path d="M607.9 322.8H230.3c-17.1 0-31.1-14-31.1-31.1s14-31.1 31.1-31.1h377.6c17.1 0 31.1 14 31.1 31.1-0.1 17.1-14 31.1-31.1 31.1z m-220.7 188H230.3c-17.1 0-31.1-14-31.1-31.1s14-31.1 31.1-31.1h156.9c17.1 0 31.1 14 31.1 31.1 1.6 17.1-12.4 31.1-31.1 31.1z m-62.1 189.5h-94.8c-17.1 0-31.1-14-31.1-31.1s14-31.1 31.1-31.1h94.8c17.1 0 31.1 14 31.1 31.1-0.1 17.2-14 31.1-31.1 31.1z m550-205.1C825.4 444 757 417.5 685.6 417.5s-138.3 28-189.6 77.7c-51.3 49.7-77.7 118.1-77.7 189.6s28 138.3 77.7 189.6c49.7 51.3 118.1 77.7 189.6 77.7s138.3-28 189.6-77.7c51.3-49.7 77.7-118.1 77.7-189.6 1.5-71.5-26.5-138.3-77.8-189.6zM707.3 830.9c-7.8 9.3-20.2 15.5-32.6 17.1h-9.3c-9.3-1.6-17.1-4.7-23.3-10.9L520.9 726.7c-18.6-17.1-20.2-46.6-3.1-65.3 17.1-18.6 46.6-20.2 65.3-3.1l14 12.4c1.6 1.6 4.7 3.1 6.2 4.7l66.8 60.6 107.2-129 4.7-4.7 28-32.6c15.5-20.2 45.1-21.8 63.7-6.2 20.2 15.5 21.8 45.1 6.2 63.7L707.3 830.9z m0 0"  ></path></symbol></svg>',l=(h=document.getElementsByTagName("script"))[h.length-1].getAttribute("data-injectcss");if(l&&!v.__iconfont__svg__cssinject__){v.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(h){console&&console.log(h)}}!function(h){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(h,0);else{var l=function(){document.removeEventListener("DOMContentLoaded",l,!1),h()};document.addEventListener("DOMContentLoaded",l,!1)}else document.attachEvent&&(c=h,t=v.document,i=!1,(z=function(){try{t.documentElement.doScroll("left")}catch(h){return void setTimeout(z,50)}a()})(),t.onreadystatechange=function(){"complete"==t.readyState&&(t.onreadystatechange=null,a())});function a(){i||(i=!0,c())}var c,t,i,z}(function(){var h,l;(h=document.createElement("div")).innerHTML=a,a=null,(l=h.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",function(h,l){l.firstChild?function(h,l){l.parentNode.insertBefore(h,l)}(h,l.firstChild):l.appendChild(h)}(l,document.body))})}(window);
\ No newline at end of file

src/assets/icon/icon/iconfont.svg

+<?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" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="xingren" unicode="&#58880;" d="M539.282416 612.262877q-29.101243 0-55.019538 11.367673t-45.015986 30.465364-30.465364 45.015986-11.367673 55.019538 11.367673 55.019538 30.465364 45.015986 45.015986 30.465364 55.019538 11.367673 55.019538-11.367673 45.015986-30.465364 30.010657-45.015986 10.912966-55.019538-10.912966-55.019538-30.010657-45.015986-45.015986-30.465364-55.019538-11.367673zM741.172291 484.944938q24.554174-18.188277 40.468917-42.287744t15.914742-48.653641l0-90.031972q0-15.460036-17.73357-23.64476t-39.104796-8.184725-39.104796 7.730018-17.73357 25.008881l0 38.195382q0 13.641208-8.184725 20.461812t-16.369449 11.367673q-9.094139 4.547069-20.916519-4.092362t-11.82238-29.55595l0-240.085258q0-21.825933 14.550622-40.01421t35.46714-33.648313q18.188277-12.731794 30.920071-25.463588l30.010657-30.010657q5.456483-5.456483 4.092362-16.824156t-7.730018-24.099467-15.914742-25.463588-21.371226-20.007105-24.099467-7.275311-23.190053 11.82238q-16.369449 17.278863-26.373002 27.737123t-17.73357 18.642984-15.914742 15.460036-20.007105 20.007105q-23.64476 23.64476-40.468917 60.476021t-16.824156 73.207815l0 73.662522q-10.912966-13.641208-18.642984-21.825933t-17.73357-27.282416q-3.637655-7.275311-7.275311-19.097691t-6.820604-24.554174-5.001776-25.463588-1.818828-21.825933l0-75.48135q0-17.278863-17.73357-25.918295t-39.104796-8.184725-39.104796 10.003552-17.73357 28.646536l0 66.387211q0 35.46714 10.912966 62.749556t24.554174 58.202487q18.188277 41.833037 26.827709 67.296625t13.186501 35.46714q9.094139 20.916519 9.094139 37.285968l0 29.101243q-10.003552-6.365897-16.824156-11.82238t-18.642984-20.007105q-11.82238-13.641208-24.099467-17.73357t-38.650089-4.092362l-59.111901 0q-21.825933 0-32.284192 17.73357t-10.003552 38.650089 11.367673 38.650089 31.829485 17.73357l54.564831 0q10.912966 0 17.73357 2.728242t12.731794 8.184725 12.731794 12.731794 16.824156 16.369449q12.731794 10.912966 25.918295 32.284192t25.008881 43.197158q13.641208 25.463588 26.373002 54.564831 19.097691-0.909414 35.46714-1.818828 14.550622-0.909414 29.55595-1.364121t25.008881-0.454707 22.735346 0.454707 24.554174 1.364121q13.641208 0.909414 28.191829 1.818828 24.554174-15.460036 47.28952-28.191829 19.097691-11.82238 38.195382-22.735346t29.101243-18.188277z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xiaolvdashitubiao33311" unicode="&#59094;" d="M512 748.8c-254.106 0-460.8-206.694-460.8-460.8s206.694-460.8 460.8-460.8c254.080 0 460.8 206.694 460.8 460.8s-206.72 460.8-460.8 460.8v0zM512-118.554c-224.23 0-406.605 182.4-406.605 406.554 0 224.23 182.374 406.605 406.605 406.605 224.205 0 406.605-182.374 406.605-406.605-0-224.154-182.4-406.554-406.605-406.554v0zM437.76 80.64c0-21.12-13.824-38.4-30.72-38.4s-30.72 17.28-30.72 38.4l0 414.72c0 21.12 13.824 38.4 30.72 38.4s30.72-17.28 30.72-38.4v-414.72zM652.8 80.64c0-21.12-13.824-38.4-30.72-38.4s-30.72 17.28-30.72 38.4l0 414.72c0 21.12 13.824 38.4 30.72 38.4s30.72-17.28 30.72-38.4l-0-414.72z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="cheliang" unicode="&#58923;" d="M939.223175 33.227008c-12.304234-49.581232-55.964616-85.733617-107.629299-85.733617-47.960315 0-88.809675 30.727839-104.355743 75.016531L296.751634 22.509922c-15.547091-44.322461-56.428174-75.016531-104.389512-75.016531-51.664683 0-95.258551 36.152385-107.596554 85.733617-53.716412 22.525016-87.949075 78.126358-83.451644 139.847072l10.55131 143.583163c4.134157 57.32152 40.220027 107.993596 91.918479 131.61048l46.439682 223.826741c17.001209 81.829703 97.211019 148.413168 178.843224 148.413168l365.855502 0c81.632205 0 161.842015-66.549695 178.809455-148.413168l46.439682-223.826741c51.698452-23.61586 87.784322-74.28896 91.952248-131.61048l10.518564-143.583163C1027.139503 111.352343 992.939587 55.751001 939.223175 33.227008L939.223175 33.227008zM949.808254 311.861006c-2.744507 37.276998-30.16502 71.113641-66.748217 82.293261-11.973706 3.671623-20.672832 14.289448-22.127973 26.990724-0.231267 1.818415-0.363274 3.605108-0.462534 5.358031-0.066515 0.926092-0.066515 1.88493-0.264013 2.844791l-47.563272 229.384317c-11.014868 52.954049-64.928778 97.706299-117.718075 97.706299L329.066621 756.438431c-52.823066 0-106.704231-44.75225-117.718075-97.706299l-47.597041-229.417063c-0.198521-0.859577-0.198521-1.819438-0.264013-2.778276-0.132006-1.819438-0.264013-3.672646-0.462534-5.491061-1.487887-12.701277-10.155291-23.252587-22.095227-26.924209-36.614919-11.146874-64.068178-44.982494-66.779939-82.293261L63.630203 168.244075c-2.812045-38.20309 20.24202-70.848605 56.063877-79.349209 13.561877-3.27458 23.418362-15.381315 24.113187-29.670763 1.290389-26.758434 22.624277-47.694255 48.555879-47.694255 25.336038 0 46.108131 19.679202 48.357358 45.809325 1.455141 16.504906 14.950504 29.173436 31.124881 29.173436l480.266251 0c16.174378 0 29.735232-12.668531 31.124881-29.173436 2.249227-26.130124 23.02132-45.809325 48.357358-45.809325 25.931602 0 47.26549 20.969591 48.555879 47.694255 0.727571 14.355963 10.584056 26.428929 24.145933 29.670763 35.788088 8.500605 58.843176 41.179888 55.997362 79.382978L949.808254 311.861006 949.808254 311.861006zM840.260256 184.716234c-13.098319-13.396101-31.455409-21.201881-49.945529-21.201881-18.49012 0-36.84721 7.806803-49.912783 21.201881-13.06455 13.396101-20.671809 32.215726-20.671809 51.16838 0 18.952654 7.607258 37.806047 20.671809 51.202149 13.065574 13.396101 31.422663 21.201881 49.912783 21.201881 18.49012 0 36.84721-7.806803 49.945529-21.201881 13.06455-13.396101 20.671809-32.249495 20.671809-51.202149C860.932064 216.93196 853.324806 198.112336 840.260256 184.716234L840.260256 184.716234zM780.326235 429.976124c-6.119371-7.574512-16.07614-11.973706-27.684526-11.973706L271.282566 418.002418c-11.576663 0-21.533432 4.399193-28.081569 12.437264-6.250354 7.375991-8.930393 18.093077-7.17747 29.702486 0.165776 0.794086 0.297782 1.554402 0.463558 2.315742l37.806047 168.456666c4.762467 26.593681 30.430056 48.754401 56.825217 48.754401l361.687576 0c26.39516 0 52.062749-22.226211 56.792471-48.754401l37.806047-168.490435c0.198521-0.760317 0.330528-1.521656 0.462534-2.315742C789.587156 448.49899 786.940886 437.781904 780.326235 429.976124L780.326235 429.976124zM689.002296 615.632521 335.020216 615.632521l-29.999245-133.561925 413.948847 0L689.002296 615.632521 689.002296 615.632521zM283.5868 184.716234c-13.065574-13.396101-31.422663-21.201881-49.912783-21.201881-18.489096 0-36.846186 7.806803-49.91176 21.201881-13.098319 13.396101-20.705578 32.215726-20.705578 51.16838 0 18.952654 7.607258 37.806047 20.705578 51.202149 13.065574 13.396101 31.422663 21.201881 49.91176 21.201881 18.49012 0 36.84721-7.806803 49.912783-21.201881 13.098319-13.396101 20.705578-32.249495 20.705578-51.202149C304.292378 216.93196 296.685119 198.112336 283.5868 184.716234L283.5868 184.716234z"  horiz-adv-x="1039" />
+
+    
+    <glyph glyph-name="shezhi" unicode="&#58904;" d="M511.994883-64.532503c0 0 0 0-0.021489 0-33.475416 0-64.291259 16.003486-84.575234 42.645263l-16.542768 22.101367c-10.033517 13.180184-27.355021 18.981307-43.228547 14.223956l-26.165939-7.782244c-32.069393-9.644661-65.999157-3.826142-93.095281 15.841803-27.096125 19.689435-43.055608 50.192146-43.811832 83.667561l-0.605797 27.356045c-0.345877 16.532535-11.093662 31.308053-26.684756 36.768415l-25.798573 9.020444c-31.637558 11.050684-55.70572 35.661198-66.042135 67.514673-10.336416 31.853475-5.341658 65.891709 13.753235 93.409436l15.569604 22.457478c9.407254 13.591553 9.407254 31.853475 0 45.445028l-15.569604 22.468734c-19.094894 27.506471-24.089651 61.544705-13.753235 93.39818s34.405601 56.462966 66.020646 67.512626l25.820062 9.028631c15.613606 5.449106 26.338878 20.219507 26.684756 36.751019l0.605797 27.333532c0.757247 33.485649 16.715707 63.96687 43.811832 83.656305 27.117614 19.678178 61.068867 25.419949 93.095281 15.796778l26.165939-7.871271c15.872502-4.724605 33.194006 0.87595 43.207058 14.034645l16.58677 21.273513c20.262486 26.631544 51.078329 41.427528 84.553745 41.427528 0.021489 0 0.021489 0 0.021489 0 33.475416 0 64.312748-14.785751 84.596723-41.427528l16.564257-21.508873c10.033517-13.169951 27.420513-18.647709 43.206034-13.922081l26.187429 7.93267c32.026414 9.623171 65.999157 3.9121 93.095281-15.777335s43.055608-50.16554 43.790342-83.640955l0.605797-27.315112c0.345877-16.521279 11.093662-31.287587 26.707268-36.747949l25.798573-9.026584c31.593556-11.050684 55.662741-35.647895 66.020646-67.490114s5.341658-65.890686-13.731746-93.418646l-15.591093-22.478967c-9.407254-13.580297-9.407254-31.842219 0-45.433772l15.591093-22.457478c19.073404-27.539216 24.090675-61.587684 13.731746-93.429903s-34.42709-56.441477-66.020646-67.491137l-25.798573-9.017374c-15.613606-5.460362-26.360368-20.240997-26.707268-36.762275l-0.605797-27.333532c-0.735757-33.464159-16.694217-63.955614-43.790342-83.645049-27.096125-19.700691-61.068867-25.441439-93.095281-15.808034l-26.187429 7.871271c-15.786545 4.747117-33.194006-0.864694-43.184545-14.034645l-16.58677-22.481014C576.306608-48.53925 545.470299-64.532503 511.994883-64.532503zM378.850467 82.692606c32.69668 0 64.485687-15.105023 84.878133-41.886993l16.542768-21.744233c7.612375-10.001795 19.159362-15.732309 31.723515-15.732309l0 0c12.564154 0 24.133653 5.730515 31.745005 15.732309l16.564257 21.754466c26.684756 35.0861 73.027224 50.105165 115.195625 37.422308l26.165939-7.871271c12.088316-3.622504 24.76094-1.437745 34.924417 5.936199 10.163477 7.373944 16.153912 18.813484 16.412808 31.356149l0.605797 27.344788c0.973164 44.050262 29.582759 83.429131 71.210855 98.004081l25.798573 9.017374c11.872399 4.14132 20.889773 13.374612 24.78243 25.311479 3.871167 11.948123 1.989307 24.716938-5.146207 35.043121l-15.591093 22.457478c-25.128307 36.232203-25.128307 84.921111 0 121.143081l15.591093 22.478967c7.136537 10.314926 9.017374 23.084765 5.146207 35.031864-3.892657 11.936867-12.910031 21.171182-24.78243 25.311479l-25.798573 9.028631c-41.628096 14.553461-70.237691 53.93233-71.210855 97.992825L753.003959 663.158954c-0.25992 12.552897-6.249331 23.992437-16.412808 31.367405-10.163477 7.363711-22.836101 9.53619-34.924417 5.936199l-26.187429-7.871271c-42.255383-12.737092-88.532359 2.356674-115.195625 37.432541l-16.542768 21.744233 0 0c-15.223726 20.002566-48.266283 19.992333-63.447031 0.011256l-16.58677-21.765723c-26.663266-35.06461-73.005734-50.115398-115.195625-37.422308l-26.165939 7.871271c-12.001335 3.589758-24.78243 1.459235-34.924417-5.924943-10.163477-7.385201-16.153912-18.824741-16.435321-31.388894l-0.605797-27.323299c-0.973164-44.060495-29.582759-83.45062-71.189366-97.992825l-25.820062-9.028631c-11.850909-4.14132-20.889773-13.374612-24.76094-25.322735-3.892657-11.948123-2.010797-24.706705 5.14723-35.021631l15.569604-22.478967c25.128307-36.22197 25.128307-84.909855 0-121.131825l-15.569604-22.468734c-7.158027-10.326183-9.038864-23.084765-5.14723-35.031864 3.871167-11.948123 12.910031-21.181415 24.76094-25.322735l25.798573-9.017374c41.628096-14.564717 70.237691-53.953819 71.210855-98.004081l0.605797-27.333532c0.281409-12.552897 6.27082-23.992437 16.435321-31.377638 10.141988-7.395434 22.922059-9.53619 34.924417-5.924943l26.165939 7.871271C358.501 81.243605 368.707456 82.692606 378.850467 82.692606zM512 152.908808c-128.214127 0-232.510518 104.307647-232.510518 232.510518s104.297414 232.510518 232.510518 232.510518S744.510518 513.623219 744.510518 385.419326 640.214127 152.908808 512 152.908808zM512 551.498852c-91.581812 0-166.079526-74.497715-166.079526-166.079526s74.497715-166.079526 166.079526-166.079526 166.079526 74.497715 166.079526 166.079526S603.580788 551.498852 512 551.498852z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="webicon311" unicode="&#59042;" d="M161.568 707.648l0-0.16 0-202.912c0-15.52 12.608-28.096 28.096-28.096s28.096 12.608 28.096 28.096l0 130.88 162.656-178.944c10.432-11.52 28.096-12.288 39.616-1.856 11.52 10.432 12.288 28.096 1.856 39.616L252.48 680.448l140.704 0c15.52 0 28.096 12.608 28.096 28.096s-12.608 28.096-28.096 28.096L190.272 736.64c-6.912 0-13.376-2.464-18.112-6.752C171.712 729.6 171.232 729.152 170.784 728.672 164.64 723.136 161.568 715.328 161.568 707.648L161.568 707.648 161.568 707.648zM862.432 707.648l0-0.16 0-202.912c0-15.52-12.608-28.096-28.096-28.096-15.52 0-28.096 12.608-28.096 28.096l0 130.88-162.656-179.104c-10.432-11.52-28.096-12.288-39.616-1.856-11.52 10.432-12.288 28.096-1.856 39.616l169.408 186.304-140.704 0c-15.52 0-28.096 12.608-28.096 28.096s12.608 28.096 28.096 28.096l202.912 0c6.912 0 13.376-2.464 18.112-6.752 0.448-0.32 0.928-0.768 1.376-1.216C859.36 723.136 862.432 715.328 862.432 707.648L862.432 707.648 862.432 707.648zM161.568 60.512l0 0.16 0 202.912c0 15.52 12.608 28.096 28.096 28.096s28.096-12.608 28.096-28.096l0-130.88 162.656 178.944c10.432 11.52 28.096 12.288 39.616 1.856 11.52-10.432 12.288-28.096 1.856-39.616L252.48 87.712l140.704 0c15.52 0 28.096-12.608 28.096-28.096s-12.608-28.096-28.096-28.096L190.272 31.52c-6.912 0-13.376 2.464-18.112 6.752-0.448 0.32-0.928 0.768-1.376 1.216C164.64 44.992 161.568 52.672 161.568 60.512L161.568 60.512 161.568 60.512zM862.432 60.512l0 0.16 0 202.912c0 15.52-12.608 28.096-28.096 28.096-15.52 0-28.096-12.608-28.096-28.096l0-130.88-162.656 178.944c-10.432 11.52-28.096 12.288-39.616 1.856-11.52-10.432-12.288-28.096-1.856-39.616l169.408-186.304-140.704 0c-15.52 0-28.096-12.608-28.096-28.096s12.608-28.096 28.096-28.096l202.912 0c6.912 0 13.376 2.464 18.112 6.752 0.448 0.32 0.928 0.768 1.376 1.216C859.36 44.992 862.432 52.672 862.432 60.512L862.432 60.512 862.432 60.512z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xingren1" unicode="&#58926;" d="M539.282416 612.262877q-29.101243 0-55.019538 11.367673t-45.015986 30.465364-30.465364 45.015986-11.367673 55.019538 11.367673 55.019538 30.465364 45.015986 45.015986 30.465364 55.019538 11.367673 55.019538-11.367673 45.015986-30.465364 30.010657-45.015986 10.912966-55.019538-10.912966-55.019538-30.010657-45.015986-45.015986-30.465364-55.019538-11.367673zM741.172291 484.944938q24.554174-18.188277 40.468917-42.287744t15.914742-48.653641l0-90.031972q0-15.460036-17.73357-23.64476t-39.104796-8.184725-39.104796 7.730018-17.73357 25.008881l0 38.195382q0 13.641208-8.184725 20.461812t-16.369449 11.367673q-9.094139 4.547069-20.916519-4.092362t-11.82238-29.55595l0-240.085258q0-21.825933 14.550622-40.01421t35.46714-33.648313q18.188277-12.731794 30.920071-25.463588l30.010657-30.010657q5.456483-5.456483 4.092362-16.824156t-7.730018-24.099467-15.914742-25.463588-21.371226-20.007105-24.099467-7.275311-23.190053 11.82238q-16.369449 17.278863-26.373002 27.737123t-17.73357 18.642984-15.914742 15.460036-20.007105 20.007105q-23.64476 23.64476-40.468917 60.476021t-16.824156 73.207815l0 73.662522q-10.912966-13.641208-18.642984-21.825933t-17.73357-27.282416q-3.637655-7.275311-7.275311-19.097691t-6.820604-24.554174-5.001776-25.463588-1.818828-21.825933l0-75.48135q0-17.278863-17.73357-25.918295t-39.104796-8.184725-39.104796 10.003552-17.73357 28.646536l0 66.387211q0 35.46714 10.912966 62.749556t24.554174 58.202487q18.188277 41.833037 26.827709 67.296625t13.186501 35.46714q9.094139 20.916519 9.094139 37.285968l0 29.101243q-10.003552-6.365897-16.824156-11.82238t-18.642984-20.007105q-11.82238-13.641208-24.099467-17.73357t-38.650089-4.092362l-59.111901 0q-21.825933 0-32.284192 17.73357t-10.003552 38.650089 11.367673 38.650089 31.829485 17.73357l54.564831 0q10.912966 0 17.73357 2.728242t12.731794 8.184725 12.731794 12.731794 16.824156 16.369449q12.731794 10.912966 25.918295 32.284192t25.008881 43.197158q13.641208 25.463588 26.373002 54.564831 19.097691-0.909414 35.46714-1.818828 14.550622-0.909414 29.55595-1.364121t25.008881-0.454707 22.735346 0.454707 24.554174 1.364121q13.641208 0.909414 28.191829 1.818828 24.554174-15.460036 47.28952-28.191829 19.097691-11.82238 38.195382-22.735346t29.101243-18.188277z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="fangda" unicode="&#58898;" d="M800 733H226.2c-52.8 0-95.6-42.8-95.6-95.6v-573.8c0-52.8 42.8-95.6 95.6-95.6H800c52.8 0 95.6 42.8 95.6 95.6V637.4c0 52.8-42.8 95.6-95.6 95.6zM465.3 63.6H250.8c-6.7 0-12.7 2.8-17 7.2-4.6 3.9-7.5 9.6-7.5 16.7V302.7c0 13.2 10.7 23.9 23.9 23.9s23.9-10.7 23.9-23.9l-0.8-157.2 162.3 162.3 33.8-33.8-162.6-162.6h158.5c13.2 0 23.9-10.7 23.9-23.9s-10.7-23.9-23.9-23.9zM800 398.3c0-13.2-10.7-23.9-23.9-23.9s-23.9 10.7-23.9 23.9l0.8 157.2-162.4-162.3-33.8 33.8 162.5 162.5H560.8c-13.2 0-23.9 10.7-23.9 23.9s10.7 23.9 23.9 23.9h214.5c6.7 0 12.7-2.8 17-7.2 4.6-3.9 7.6-9.6 7.6-16.7v-215.1z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="suoxiao" unicode="&#58902;" d="M810.2 765.8H211.1c-55.1 0-99.8-44.7-99.8-99.8v-599.1c0-55.1 44.7-99.8 99.8-99.8h599.1c55.1 0 99.8 44.7 99.8 99.8v599c0 55.2-44.7 99.9-99.8 99.9z m-324.5-674c0-13.8-11.2-25-25-25s-25 11.2-25 25l0.8 164.1-169.4-169.4-35.3 35.3 169.7 169.7H236c-13.8 0-25 11.2-25 25s11.2 25 25 25h223.9c7 0 13.3-2.9 17.8-7.5 4.8-4.1 7.9-10.1 7.9-17.5v-224.7z m299.5 299.6H561.3c-7 0-13.3 2.9-17.8 7.5-4.8 4.1-7.9 10.1-7.9 17.5V641c0 13.8 11.2 25 25 25s25-11.2 25-25l-0.8-164.1 169.4 169.4 35.3-35.3-169.8-169.7h165.5c13.8 0 25-11.2 25-25s-11.2-24.9-25-24.9z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="task-pause" unicode="&#58938;" d="M800 704h-160c0 70.4-57.6 128-128 128s-128-57.6-128-128h-160c-17.6 0-32-14.4-32-32v-704c0-17.6 14.4-32 32-32h576c17.6 0 32 14.4 32 32v704c0 17.6-14.4 32-32 32zM512 736c17.6 0 32-14.4 32-32s-14.4-32-32-32-32 14.4-32 32 14.4 32 32 32zM768 0h-512v640h64v-64h384v64h64v-640zM480 229.6h-64v176h64v-176zM600 229.6h-64v176h64v-176z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="CPU" unicode="&#58944;" d="M410.667 881.333H448V808h-37.333V881.333zM448 808h8v-64h-8V808zM401.333 808h9.334v-64h-9.334V808zM410.667 808H448v-64h-37.333V808zM510.667 881.333H548V808h-37.333V881.333zM501.333 808h9.334v-64h-9.334V808zM548 808h9.333v-64H548V808zM510.667 808H548v-64h-37.333V808zM612 881.333h37.333V808H612V881.333zM649.333 808h9.334v-64h-9.334V808zM602.667 808H612v-64h-9.333V808zM612 808h37.333v-64H612V808zM712 881.333h37.333V808H712V881.333zM749.333 808h9.334v-64h-9.334V808zM702.667 808H712v-64h-9.333V808zM712 808h37.333v-64H712V808zM813.333 881.333h37.334V808h-37.334V881.333zM850.667 808H860v-64h-9.333V808zM804 808h9.333v-64H804V808zM813.333 808h37.334v-64h-37.334V808zM913.333 881.333h37.334V808h-37.334V881.333zM950.667 808H960v-64h-9.333V808zM905.333 808h8v-64h-8V808zM913.333 808h37.334v-64h-37.334V808zM905.333-34.667h37.334V-108h-37.334v73.333zM896 29.333h9.333v-64H896v64zM942.667 29.333h8v-64h-8v64zM905.333 29.333h37.334v-64h-37.334v64zM804-34.667h37.333V-108H804v73.333zM794.667 29.333H804v-64h-9.333v64zM841.333 29.333h9.334v-64h-9.334v64zM804 29.333h37.333v-64H804v64zM702.667-34.667h38.666V-108h-38.666v73.333zM694.667 29.333h8v-64h-8v64zM741.333 29.333h8v-64h-8v64zM702.667 29.333h38.666v-64h-38.666v64zM602.667-34.667H640V-108h-37.333v73.333zM593.333 29.333h9.334v-64h-9.334v64zM640 29.333h9.333v-64H640v64zM602.667 29.333H640v-64h-37.333v64zM501.333-34.667h37.334V-108h-37.334v73.333zM493.333 29.333h8v-64h-8v64zM538.667 29.333H548v-64h-9.333v64zM501.333 29.333h37.334v-64h-37.334v64zM401.333-34.667h37.334V-108h-37.334v73.333zM392 29.333h9.333v-64H392v64zM438.667 29.333H448v-64h-9.333v64zM401.333 29.333h37.334v-64h-37.334v64zM1106.667 653.333H1180V616h-73.333v37.333zM1042.667 616h64v-9.333h-64V616zM1042.667 661.333h64v-8h-64v8zM1042.667 653.333h64V616h-64v37.333zM1106.667 552H1180v-37.333h-73.333V552zM1042.667 561.333h64V552h-64v9.333zM1042.667 514.667h64v-9.334h-64v9.334zM1042.667 552h64v-37.333h-64V552zM1106.667 450.667H1180v-37.334h-73.333v37.334zM1042.667 413.333h64v-8h-64v8zM1042.667 460h64v-9.333h-64V460zM1042.667 450.667h64v-37.334h-64v37.334zM1106.667 350.667H1180v-37.334h-73.333v37.334zM1042.667 360h64v-9.333h-64V360zM1042.667 313.333h64V304h-64v9.333zM1042.667 350.667h64v-37.334h-64v37.334zM1106.667 249.333H1180V212h-73.333v37.333zM1042.667 212h64v-9.333h-64V212zM1042.667 258.667h64v-9.334h-64v9.334zM1042.667 249.333h64V212h-64v37.333zM1106.667 149.333H1180V112h-73.333v37.333zM1042.667 112h64v-9.333h-64V112zM1042.667 157.333h64v-8h-64v8zM1042.667 149.333h64V112h-64v37.333zM181.333 149.333h73.334V112h-73.334v37.333zM254.667 112h64v-9.333h-64V112zM254.667 157.333h64v-8h-64v8zM254.667 149.333h64V112h-64v37.333zM181.333 249.333h73.334V212h-73.334v37.333zM254.667 258.667h64v-9.334h-64v9.334zM254.667 212h64v-9.333h-64V212zM254.667 249.333h64V212h-64v37.333zM181.333 350.667h73.334v-37.334h-73.334v37.334zM254.667 313.333h64V304h-64v9.333zM254.667 360h64v-9.333h-64V360zM254.667 350.667h64v-37.334h-64v37.334zM181.333 450.667h73.334v-37.334h-73.334v37.334zM254.667 460h64v-9.333h-64V460zM254.667 413.333h64v-8h-64v8zM254.667 450.667h64v-37.334h-64v37.334zM181.333 552h73.334v-37.333h-73.334V552zM254.667 561.333h64V552h-64v9.333zM254.667 514.667h64v-9.334h-64v9.334zM254.667 552h64v-37.333h-64V552zM181.333 653.333h73.334V616h-73.334v37.333zM254.667 616h64v-9.333h-64V616zM254.667 661.333h64v-8h-64v8zM254.667 653.333h64V616h-64v37.333zM708.013 467.587c-4.072 1.074-11.592 1.746-22.564 1.746H640v-64h45.947c15.629 0 26.728 2.111 33.288 7.932 6.568 5.816 9.852 13.606 9.852 24.166 0 7.645-1.932 14.056-5.799 19.501s-8.957 8.91-15.275 10.655zM1016 651.857c0 35.424-28.717 64.143-64.143 64.143H410.81c-35.424 0-64.142-28.719-64.142-64.143v-531.713c0-35.427 28.718-64.144 64.142-64.144h541.047c35.427 0 64.144 28.717 64.144 64.143V651.857zM557.335 320.385c-13.176-10.433-29.279-15.641-48.318-15.641-19.7 0-35.722 4.01-48.066 12.028-12.344 8.028-21.736 19.641-28.179 34.853-6.443 15.208-9.66 31.544-9.66 49.003 0 19.033 3.633 35.637 10.908 49.81 7.27 14.17 17.619 24.935 31.047 32.291 13.422 7.36 28.196 11.038 44.326 11.038 18.286 0 33.664-4.658 46.134-13.964 12.469-9.311 21.154-22.402 26.058-39.279l-23.812-5.61c-4.241 13.297-10.393 22.983-18.456 29.051-8.062 6.067-18.201 9.104-30.425 9.104-14.044 0-25.788-3.369-35.221-10.102-9.436-6.73-16.067-15.772-19.888-27.119-3.826-11.347-5.736-23.047-5.736-35.1 0-15.543 2.264-29.113 6.796-40.707 4.528-11.601 11.574-20.262 21.132-26 9.561-5.736 19.91-8.598 31.046-8.598 13.548 0 25.02 3.902 34.416 11.713 9.391 7.81 15.75 19.41 19.079 34.792l24.187-6.112c-5.068-19.867-14.191-35.017-27.368-45.45z m181.856 80.179c-9.899-10.765-27.77-13.897-53.616-13.897H640V304h-28V488h71.455c12.134 0 21.4 0.743 27.806-0.421 8.975-1.495 16.5-3.683 22.568-7.88 6.067-4.196 10.952-9.751 14.648-17.311 3.695-7.567 5.548-14.588 5.548-23.648 0.002-15.544-4.946-27.412-14.834-38.176z m194.142-15.527c0-18.37-4.257-32.957-8.428-43.766-4.15-10.802-12.742-19.598-23.597-26.371-10.845-6.773-25.624-10.156-43.243-10.156-17.129 0-31.409 2.945-42.3 8.85-10.888 5.898-18.725 14.443-23.378 25.62-4.663 11.186-7.054 26.457-7.054 45.825V488h28v-102.836c0-15.879-0.508-27.579 2.446-35.096 2.95-7.527 7.046-13.324 14.232-17.396 7.186-4.072 15.486-6.112 25.876-6.112 17.789 0 30.505 4.036 38.066 12.097 7.562 8.064 11.38 23.563 11.38 46.506V488h28v-102.963z"  horiz-adv-x="1366" />
+
+    
+    <glyph glyph-name="yuandian" unicode="&#58982;" d="M512 384m-512 0a512 512 0 1 1 1024 0 512 512 0 1 1-1024 0Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="ludeng" unicode="&#59244;" d="M481.7 521.3h61.9v-531.7h-61.9zM481.7 142.4h61.9v-152.8h-61.9zM481.7 521.3h61.9v-65.1h-61.9zM589.9-26.2v18.1c0 9.6-7.8 17.4-17.4 17.4H452.8c-9.6 0-17.4-7.8-17.4-17.4v-18.1h154.5zM620.9 724.3c0 59.8-48.5 108.3-108.3 108.3s-108.3-48.5-108.3-108.3h216.6zM620.9 724.3c0 21-6 40.5-16.3 57.1h-184c-10.3-16.6-16.3-36.1-16.3-57.1h216.6zM620.9 737.9H404.4l34.2-216.6h148.1zM603.8 615.1H421.5c-8 0-14.5 6.5-14.5 14.5s6.5 14.5 14.5 14.5h182.3c8 0 14.5-6.5 14.5-14.5s-6.5-14.5-14.5-14.5zM620.9 707H404.4c-17 0-30.8 13.8-30.8 30.8s13.8 30.8 30.8 30.8H621c17 0 30.8-13.8 30.8-30.8 0-16.9-13.8-30.8-30.9-30.8zM586.7 490.4h-148c-17 0-30.8 13.8-30.8 30.8s13.8 30.8 30.8 30.8h148c17 0 30.8-13.8 30.8-30.8s-13.8-30.8-30.8-30.8zM615.9-64.3c4.9 0 9 4 9 9V-49c0 14-11.3 25.3-25.3 25.3H425.8c-14 0-25.3-11.3-25.3-25.3v-6.3c0-4.9 4-9 9-9h206.4zM284.7 546.6c-6 0-11.5 3.7-13.6 9.7-2.7 7.5 1.3 15.8 8.8 18.4l69.6 24.5c7.5 2.7 15.8-1.3 18.4-8.8 2.7-7.5-1.3-15.8-8.8-18.4l-69.6-24.5c-1.5-0.7-3.2-0.9-4.8-0.9zM354.4 650.3c-0.6 0-1.2 0-1.9 0.1L262.3 662c-7.9 1-13.5 8.3-12.5 16.2 1 7.9 8.3 13.5 16.2 12.5l90.2-11.6c7.9-1 13.5-8.3 12.5-16.2-0.9-7.3-7.2-12.6-14.3-12.6zM740.6 546.6c-1.6 0-3.2 0.3-4.8 0.8l-69.6 24.5c-7.5 2.7-11.5 10.9-8.8 18.4 2.7 7.5 10.9 11.5 18.4 8.8l69.6-24.5c7.5-2.7 11.5-10.9 8.8-18.4-2.1-5.9-7.7-9.6-13.6-9.6zM670.9 650.3c-7.2 0-13.4 5.3-14.3 12.6-1 7.9 4.6 15.2 12.5 16.2l90.2 11.6c7.9 1 15.2-4.6 16.2-12.5S770.9 663 763 662l-90.2-11.6c-0.6-0.1-1.2-0.1-1.9-0.1z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zanting" unicode="&#58917;" d="M319.5 804h-105c-38.7 0-70-31.3-70-70v-700c0-38.7 31.3-70 70-70h105c38.7 0 70 31.3 70 70V734c0 38.7-31.3 70-70 70z m490 0h-105c-38.7 0-70-31.3-70-70v-700c0-38.7 31.3-70 70-70h105c38.7 0 70 31.3 70 70V734c0 38.7-31.3 70-70 70z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yingpanguanli" unicode="&#58932;" d="M949.54 285.915h73.143l-71.68-14.409-1.462 7.168v7.241zM71.68 271.506L0 285.99h73.143v-7.315l-1.463-7.095z m-65.829 43.52L0 285.99v-44.032h73.143v36.717l7.314 36.352H5.851z m943.69-36.352v-36.79h73.142v44.105l-5.851 29.11h-74.606l7.315-36.352z m-88.503 441.783H161.646l-81.189-405.43h861.77l-81.19 405.43z m59.904 73.143l101.668-507.685v-44.032H0V285.99L101.669 793.6h819.2zM537.6 108.178a51.2 50.176 0 1 1 102.4 0 51.2 50.176 0 1 1-102.4 0zM755.2 108.178a51.2 50.176 0 1 1 102.4 0 51.2 50.176 0 1 1-102.4 0zM73.143 18.286h877.714V248.174H73.143v-229.888zM0 321.316h1024v-376.173H0V321.317z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="cheliangyunwei" unicode="&#58892;" d="M246.688 686.112v-448.416h521.28a113.536 113.536 0 0 0 105.376 71.52c47.872 0 88.64-29.664 105.408-71.52h46.208V686.112H246.688z m481.728-315.232a43.52 43.52 0 0 0-43.552-43.552h-174.336a43.52 43.52 0 0 0-43.584 43.552v174.336c0 24.064 19.488 43.584 43.584 43.584h139.488l-26.176-26.144h-104.608a26.144 26.144 0 0 1-26.144-26.144v-156.896c0-14.432 11.744-26.144 26.144-26.144h156.928a26.144 26.144 0 0 1 26.176 26.144v104.608l26.08 26.176v-139.52z m-3.52 157.024a39.04 39.04 0 0 0-38.752-10.048l-65.536-65.536c3.808-13.344 0-28.704-10.56-39.2a40.992 40.992 0 0 0-46.368-8.16l27.296 27.232a13.568 13.568 0 0 1-19.168 19.168l-27.296-27.296a40.32 40.32 0 0 0 8.128 46.4c10.56 10.528 25.824 13.856 39.264 10.528l65.056 65.088c-3.84 13.376 0 28.672 10.528 39.2a40.384 40.384 0 0 0 46.368 8.128l-27.232-27.264a13.536 13.536 0 0 1 19.072-19.136l27.328 27.264a40.32 40.32 0 0 0-8.128-46.368zM223.104 256.096H256.96v-17.504H223.104zM736.992 152.224a6.24 6.24 0 0 0-6.24-6.272H285.92a6.272 6.272 0 0 0 0 12.544h444.832c3.488 0 6.24-2.816 6.24-6.272zM342.624 237.728h9.12v-77.248h-9.12zM346.176 119.36a16.896 1.568 90 1 1 3.136 0 16.896 1.568 90 1 1-3.136 0ZM341.056 108.64a16.928 1.568 90 1 1 3.136 0 16.928 1.568 90 1 1-3.136 0ZM350.144 108.64a16.928 1.568 90 1 1 3.136 0 16.928 1.568 90 1 1-3.136 0ZM328.672 141.376a19.04 5.056 0 1 1 38.08 0 19.04 5.056 0 1 1-38.08 0ZM628.608 237.728h9.088v-77.248h-9.088zM631.552 119.36a16.896 1.568 90 1 1 3.136 0 16.896 1.568 90 1 1-3.136 0ZM626.464 108.64a16.928 1.568 90 1 1 3.136 0 16.928 1.568 90 1 1-3.136 0ZM635.584 108.64a16.928 1.568 90 1 1 3.136 0 16.928 1.568 90 1 1-3.136 0ZM614.112 141.376a19.04 5.056 0 1 1 38.08 0 19.04 5.056 0 1 1-38.08 0ZM478.848 245.568h8.864v-51.296h-8.864zM447.488 194.272h70.88l37.824-84.096h-136.896zM92.64 686.112l-90.24-143.168v-304.352h5.152a113.6 113.6 0 0 0 105.12 70.656c47.52 0 88.128-29.248 105.12-70.656h14.88V686.112H92.64z m118.304-314.528H29.12v174.144l59.264 91.104h122.592v-265.248zM112.64 194.272m-101.76 0a101.76 101.76 0 1 1 203.52 0 101.76 101.76 0 1 1-203.52 0ZM873.472 194.272m-101.728 0a101.728 101.728 0 1 1 203.456 0 101.728 101.728 0 1 1-203.456 0Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="dianziweilan" unicode="&#58906;" d="M980.864 311.04a473.696 473.696 0 0 0-395.936-400.928v-36.608H439.04V-89.92A473.664 473.664 0 0 0 43.136 311.136h-41.6v145.76h43.328A473.92 473.92 0 0 0 439.072 845.824V894.496h145.888v-48.768A474.016 474.016 0 0 0 979.168 456.96h43.328v-145.92h-41.632zM475.552-81.216h72.96v72.928h-72.96v-72.928z m-428.8 501.664v-72.928h72.96v72.928h-72.96z m501.76 428.768h-72.96v-72.928h72.96V849.216z m33.152-77.152v-40.032h-139.328v40a400.64 400.64 0 0 1-323.68-318.656h45.024v-139.328H116.768a400.416 400.416 0 0 1 325.568-330.208v51.584h139.328v-51.584a400.416 400.416 0 0 1 325.568 330.208h-46.912v139.328h45.088a400.864 400.864 0 0 1-323.744 318.656v0.032z m395.584-351.616h-72.992v-72.928h72.992v72.928zM285.12 384a226.88 226.88 0 1 1 453.792 0A226.88 226.88 0 0 1 285.12 384"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zanting1" unicode="&#59150;" d="M668.374036 522.304421a16.737535 16.737535 0 0 1-16.749577 16.740546h-268.5381c-9.25381 0-16.773659-7.492756-16.773659-16.740546v-268.571213a16.767639 16.767639 0 0 1 16.773659-16.764629h268.562183a16.761618 16.761618 0 0 1 16.755597 16.764629v268.571213h-0.030103zM511.998495 853.737723c-259.227093 0-469.328316-210.167451-469.328316-469.343367 0-259.169897 210.101223-469.319285 469.328316-469.319285 259.215052 0 469.331326 210.149389 469.331326 469.319285 0 259.172907-210.143368 469.343368-469.331326 469.343367z m0-871.61016c-221.826529 0-402.266792 180.443274-402.266792 402.263782 0 221.826529 180.461336 402.293885 402.266792 402.293885 221.83857 0 402.260771-180.467357 402.260771-402.293885 0.00301-221.817498-180.428222-402.263782-402.260771-402.263782z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yichangjigou" unicode="&#58884;" d="M892.256947-39.969325h-86.943054V192.362036c0 158.189822-127.154746 287.759148-282.566437 287.759147-155.411692 0-282.566438-129.449657-282.566438-287.759147v-232.331361h-86.943054V192.362036c0 206.973728 166.278817 376.271527 369.509492 376.271526 203.22916 0 369.509491-169.297799 369.509491-376.271526v-232.331361zM231.245254 781.645254l122.928474-122.928473c16.905089-16.905089 16.905089-44.557633 0-61.464237-16.905089-16.905089-44.559148-16.905089-61.464237 0l-122.928473 122.80729c-16.905089 16.905089-16.905089 44.559148 0 61.464237s44.559148 17.026272 61.464236 0.121183zM141.645254 498.83645c20.77084-11.954746 27.894911-38.642367 15.940166-59.410178-11.954746-20.77084-38.640852-27.894911-59.410177-15.940165l-75.351858 43.471526c-20.769325 11.954746-27.893396 38.642367-15.938651 59.410178 11.954746 20.77084 38.640852 27.894911 59.410177 15.940165L141.648284 498.83645z m881.511006-31.878817l-75.351858-43.471526c-20.769325-11.954746-47.455432-4.830675-59.410177 15.93865-11.954746 20.77084-4.832189 47.458462 15.938651 59.411693l75.351858 43.471526c20.767811 11.954746 47.455432 4.830675 59.410177-15.938651 11.954746-20.77084 4.711006-47.458462-15.938651-59.411692z m-147.565065 253.344568l-122.928473-122.928473c-16.905089-16.905089-44.557633-16.905089-61.464237 0-16.905089 16.905089-16.905089 44.557633 0 61.464236l122.928474 122.928474c16.905089 16.905089 44.559148 16.905089 61.464236 0 16.905089-16.783905 16.905089-44.437964 0-61.464237zM566.218982 855.788308v-180.528474c0-22.097799-19.562036-40.090509-43.471526-40.090509s-43.471527 18.113893-43.471527 40.090509V855.788308C479.275929 877.886107 498.83645 895.878817 522.747456 895.878817s43.471527-18.112379 43.471526-40.090509z m434.716781-982.702201H44.559148c-23.909491 0-43.473041 19.56355-43.473041 43.473041 0 23.909491 19.56355 43.471527 43.473041 43.471527h956.376615c23.909491 0 43.471527-19.562036 43.471527-43.471527s-19.562036-43.473041-43.471527-43.473041z"  horiz-adv-x="1045" />
+
+    
+    <glyph glyph-name="kaishi" unicode="&#58967;" d="M413.866667 636.586667l301.226666-229.12a32 32 0 0 0 0-46.933334L413.866667 131.413333c-13.226667-9.813333-29.866667 2.986667-29.866667 23.466667V613.12c0 20.48 16.64 33.706667 29.866667 23.466667zM512 853.333333A469.333333 469.333333 0 0 1 42.666667 384 469.333333 469.333333 0 1 1 512 853.333333z m0-878.506666A409.173333 409.173333 0 0 0 102.826667 384a409.173333 409.173333 0 0 0 818.346666 0A409.173333 409.173333 0 0 0 512-25.173333z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_guangquan" unicode="&#58948;" d="M512 800.914286A416.914286 416.914286 0 1 1 928.914286 384 416.548571 416.548571 0 0 1 512 800.914286zM855.771429 384a450.194286 450.194286 0 0 0-7.314286-73.142857L548.571429 482.742857l223.085714 131.657143a343.771429 343.771429 0 0 0 84.114286-230.4z m-109.714286 256l-299.885714-175.542857V724.114286a405.211429 405.211429 0 0 0 69.485714 7.314285A369.737143 369.737143 0 0 0 746.057143 640z m-336.457143 73.142857l3.657143-347.428571L190.171429 493.714286a322.56 322.56 0 0 0 219.428571 219.428571z m-241.371429-329.142857a450.194286 450.194286 0 0 0 7.314286 73.142857l299.885714-171.885714-223.085714-131.657143A363.154286 363.154286 0 0 0 168.228571 384z m113.371429-256l299.885714 175.542857v-259.657143a405.211429 405.211429 0 0 0-69.485714-7.314285A361.691429 361.691429 0 0 0 281.6 128z m336.457143-73.142857v347.428571L841.142857 274.285714a359.131429 359.131429 0 0 0-223.085714-219.428571z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_shang" unicode="&#58949;" d="M716.8 442.514286l-182.857143 234.057143A36.571429 36.571429 0 0 1 475.428571 676.571429l-182.857142-234.057143a36.571429 36.571429 0 0 1 29.257142-58.514286h146.285715v-329.142857a34.377143 34.377143 0 0 1 36.571428-36.571429 34.377143 34.377143 0 0 1 36.571429 36.571429v329.142857h142.628571a36.571429 36.571429 0 0 1 32.914286 58.514286z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_tiaoda" unicode="&#58950;" d="M256 420.571429h512a36.571429 36.571429 0 0 0 0-73.142858H256a36.571429 36.571429 0 0 0 0 73.142858zM512 676.571429a34.377143 34.377143 0 0 0 36.571429-36.571429v-512a36.571429 36.571429 0 0 0-73.142858 0V640a34.377143 34.377143 0 0 0 36.571429 36.571429z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_jujiao" unicode="&#58951;" d="M365.714286 786.285714H146.285714a34.377143 34.377143 0 0 1-36.571428-36.571428v-219.428572a34.377143 34.377143 0 0 1 36.571428-36.571428 34.377143 34.377143 0 0 1 36.571429 36.571428V713.142857h182.857143a34.377143 34.377143 0 0 1 36.571428 36.571429 34.377143 34.377143 0 0 1-36.571428 36.571428zM877.714286 786.285714h-219.428572a34.377143 34.377143 0 0 1-36.571428-36.571428 34.377143 34.377143 0 0 1 36.571428-36.571429h182.857143v-182.857143a36.571429 36.571429 0 0 1 73.142857 0V749.714286a34.377143 34.377143 0 0 1-36.571428 36.571428zM365.714286 54.857143H182.857143v182.857143a34.377143 34.377143 0 0 1-36.571429 36.571428 34.377143 34.377143 0 0 1-36.571428-36.571428v-219.428572a34.377143 34.377143 0 0 1 36.571428-36.571428h219.428572a36.571429 36.571429 0 0 1 0 73.142857zM877.714286 274.285714a34.377143 34.377143 0 0 1-36.571429-36.571428v-182.857143h-182.857143a36.571429 36.571429 0 0 1 0-73.142857h219.428572a34.377143 34.377143 0 0 1 36.571428 36.571428v219.428572a34.377143 34.377143 0 0 1-36.571428 36.571428z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_youshang" unicode="&#58952;" d="M665.6 270.628571l36.571429 292.571429A36.571429 36.571429 0 0 1 661.942857 603.428571l-292.571428-36.571428a36.571429 36.571429 0 0 1-21.942858-62.171429l102.4-102.4-234.057142-234.057143a36.571429 36.571429 0 0 1 0-51.2 36.571429 36.571429 0 0 1 51.2 0l234.057142 234.057143 102.4-102.4a36.571429 36.571429 0 0 1 62.171429 21.942857z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_you" unicode="&#58953;" d="M599.771429 596.114286l234.057142-182.857143a36.571429 36.571429 0 0 0 0-58.514286l-234.057142-182.857143a36.571429 36.571429 0 0 0-58.514286 29.257143v146.285714h-329.142857a34.377143 34.377143 0 0 0-36.571429 36.571429 34.377143 34.377143 0 0 0 36.571429 36.571429h329.142857V563.2a36.571429 36.571429 0 0 0 58.514286 32.914286z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_tiaoxiao" unicode="&#58954;" d="M256 420.571429h512a36.571429 36.571429 0 0 0 0-73.142858H256a36.571429 36.571429 0 0 0 0 73.142858z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_tiaodaxiao" unicode="&#58955;" d="M903.314286 47.542857l-149.942857 149.942857A361.691429 361.691429 0 0 1 215.771429 680.228571a359.862857 359.862857 0 0 1 0-512 365.714286 365.714286 0 0 1 256-106.057142 351.451429 351.451429 0 0 1 226.742857 80.457142l149.942857-149.942857a44.617143 44.617143 0 0 1 58.514286 0 44.251429 44.251429 0 0 1-3.657143 54.857143zM270.628571 223.085714a282.697143 282.697143 0 0 0 0 398.628572 277.211429 277.211429 0 0 0 197.485715 84.114285 265.142857 265.142857 0 0 0 197.485714-84.114285 282.697143 282.697143 0 0 0 0-398.628572 273.92 273.92 0 0 0-394.971429 0z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_xia" unicode="&#58956;" d="M724.114286 296.228571l-182.857143-234.057142a36.571429 36.571429 0 0 0-58.514286 0l-182.857143 234.057142a36.571429 36.571429 0 0 0 29.257143 58.514286h146.285714v329.142857a34.377143 34.377143 0 0 0 36.571429 36.571429 34.377143 34.377143 0 0 0 36.571429-36.571429v-329.142857h142.628571a36.571429 36.571429 0 0 0 32.914286-58.514286z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_ziyou" unicode="&#58957;" d="M530.285714 713.142857a329.142857 329.142857 0 0 1-241.371428-120.685714L208.457143 640a36.571429 36.571429 0 0 1-54.857143-36.571429l32.914286-208.457142a40.228571 40.228571 0 0 1 51.2-29.257143l201.142857 76.8a36.571429 36.571429 0 0 1 3.657143 65.828571L358.4 555.885714a248.32 248.32 0 0 0 234.057143 80.457143A256 256 0 0 0 544.914286 128a287.817143 287.817143 0 0 0-135.314286 36.571429 36.571429 36.571429 0 0 1-47.542857-7.314286 36.571429 36.571429 0 0 1 7.314286-54.857143 312.32 312.32 0 0 1 171.885714-47.542857 329.142857 329.142857 0 1 1-10.971429 658.285714z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_youxia" unicode="&#58959;" d="M724.114286 471.771429l36.571428-292.571429a36.571429 36.571429 0 0 0-40.228571-40.228571l-292.571429 36.571428a36.571429 36.571429 0 0 0-21.942857 62.171429l102.4 102.4-234.057143 234.057143a36.571429 36.571429 0 0 0 0 51.2 36.571429 36.571429 0 0 0 51.2 0l234.057143-234.057143 102.4 102.4a36.571429 36.571429 0 0 0 62.171429-21.942857z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_zuo" unicode="&#58960;" d="M424.228571 596.114286l-234.057142-182.857143a36.571429 36.571429 0 0 1 0-58.514286l234.057142-182.857143a36.571429 36.571429 0 0 1 58.514286 29.257143v146.285714h329.142857a34.377143 34.377143 0 0 1 36.571429 36.571429 34.377143 34.377143 0 0 1-36.571429 36.571429h-329.142857V563.2a36.571429 36.571429 0 0 1-58.514286 32.914286z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_zuoshang" unicode="&#58961;" d="M822.857143 153.6l-259.657143 259.657143 106.057143 106.057143a36.571429 36.571429 0 0 1-21.942857 62.171428l-299.885715 36.571429a36.571429 36.571429 0 0 1-40.228571-40.228572l36.571429-299.885714a36.571429 36.571429 0 0 1 62.171428-21.942857l106.057143 106.057143 259.657143-259.657143a36.571429 36.571429 0 0 1 51.2 51.2z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yuntaikongzhi_zuoxia" unicode="&#58962;" d="M764.342857 640a36.571429 36.571429 0 0 1-51.2 0l-259.657143-259.657143-106.057143 106.057143a36.571429 36.571429 0 0 1-62.171428-21.942857l-36.571429-299.885714a36.571429 36.571429 0 0 1 40.228572-40.228572l299.885714 36.571429a36.571429 36.571429 0 0 1 21.942857 62.171428l-106.057143 106.057143 259.657143 259.657143a36.571429 36.571429 0 0 1 0 51.2z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="deng" unicode="&#59213;" d="M717.44 400.64c-28.8 0-51.84 23.04-51.84 51.2 0 3.84 3.2 7.68 7.68 7.68s7.68-3.2 7.68-7.68c0-19.84 16.64-35.84 36.48-35.84s36.48 16 36.48 35.84c0 3.84 3.2 7.68 7.68 7.68s7.68-3.2 7.68-7.68c0-28.16-23.04-51.2-51.84-51.2zM622.72 350.72c-1.92 0-3.84 0.64-5.12 1.92-3.2 3.2-3.2 7.68 0 10.88l26.24 26.24c3.2 3.2 7.68 3.2 10.88 0s3.2-7.68 0-10.88l-26.24-26.24c-1.92-1.28-3.84-1.92-5.76-1.92zM812.16 350.72c-1.92 0-3.84 0.64-5.12 1.92l-26.24 26.24c-3.2 3.2-3.2 7.68 0 10.88s7.68 3.2 10.88 0l26.24-26.24c3.2-3.2 3.2-7.68 0-10.88-1.92-1.28-3.84-1.92-5.76-1.92zM717.44 311.68c-4.48 0-7.68 3.2-7.68 7.68v37.12c0 3.84 3.2 7.68 7.68 7.68s7.68-3.2 7.68-7.68v-37.12c0-4.48-3.2-7.68-7.68-7.68zM666.24 321.92c-1.28 0-1.92 0-3.2 0.64-3.84 1.28-5.76 5.76-3.84 9.6l14.08 33.92c1.92 3.84 5.76 5.76 9.6 3.84 3.84-1.28 5.76-5.76 3.84-9.6l-14.08-33.92c-0.64-2.56-3.2-4.48-6.4-4.48zM841.6 393.6c-1.28 0-1.92 0-3.2 0.64l-34.56 14.08c-3.84 1.28-5.76 5.76-3.84 9.6 1.92 3.84 5.76 5.76 9.6 3.84l34.56-14.08c3.84-1.28 5.76-5.76 3.84-9.6-0.64-3.2-3.84-4.48-6.4-4.48zM593.92 393.6c-3.2 0-5.76 1.92-7.04 4.48-1.92 3.84 0 8.32 3.84 9.6l34.56 14.08c3.84 1.28 8.32 0 9.6-3.84 1.92-3.84 0-8.32-3.84-9.6l-34.56-14.08c-0.64-0.64-1.92-0.64-2.56-0.64zM768.64 321.92c-3.2 0-5.76 1.92-7.04 4.48l-14.08 33.92c-1.92 3.84 0 8.32 3.84 9.6 3.84 1.28 8.32 0 9.6-3.84l14.08-33.92c1.92-3.84 0-8.32-3.84-9.6-0.64-0.64-1.28-0.64-2.56-0.64zM453.76-33.92h-45.44c-4.48 0-7.68 3.2-7.68 7.68V718.08c0 3.84 3.2 7.68 7.68 7.68h45.44c4.48 0 7.68-3.2 7.68-7.68v-744.96c0-3.84-3.84-7.04-7.68-7.04zM416-19.2h30.08V711.04H416V-19.2zM292.48 356.48c-1.92 0-3.84 0.64-5.12 1.92l-19.2 19.2c-3.2 3.2-3.2 7.68 0 10.88L403.2 522.24c3.2 3.2 7.68 3.2 10.88 0s3.2-7.68 0-10.88l-130.56-128 8.96-8.32 110.72 108.8c3.2 3.2 7.68 3.2 10.88 0s3.2-7.68 0-10.88L297.6 358.4c-1.28-1.28-3.2-1.92-5.12-1.92zM453.76 515.84c-1.92 0-3.84 0.64-5.12 1.92-3.2 3.2-3.2 7.68 0 10.88L787.2 863.36l-8.96 8.32-319.36-315.52c-3.2-3.2-7.68-3.2-10.88 0s-3.2 7.68 0 10.88l324.48 320.64c2.56 2.56 7.68 2.56 10.88 0l19.2-19.2c3.2-3.2 3.2-7.68 0-10.88L458.88 517.76c-1.28-1.28-3.2-1.92-5.12-1.92zM524.16-78.72H337.92c-4.48 0-7.68 3.2-7.68 7.68V-64c0 24.96 20.48 44.8 45.44 44.8H486.4c24.96 0 45.44-19.84 45.44-44.8v-7.04c0-4.48-3.84-7.68-7.68-7.68zM345.6-64h170.88c0 16.64-13.44 29.44-30.08 29.44H375.68c-16.64 0.64-30.08-12.8-30.08-29.44zM574.72-123.52H287.36c-2.56 0-5.12 1.28-6.4 3.84-1.28 2.56-1.28 5.76 0.64 7.68l31.36 44.8c1.28 1.92 3.84 3.2 6.4 3.2h224c2.56 0 4.48-1.28 6.4-3.2l31.36-45.44c1.92-2.56 1.92-5.12 0.64-7.68-1.92-1.92-4.48-3.2-7.04-3.2z m-272.64 15.36h257.92l-21.12 29.44H323.2l-21.12-29.44zM717.44 622.72c-4.48 0-7.68 3.2-7.68 7.68v153.6c0 3.84 3.2 7.68 7.68 7.68s7.68-3.2 7.68-7.68v-154.24c0-3.84-3.2-7.04-7.68-7.04zM855.04 446.08H586.88c-2.56 0-4.48 1.28-6.4 3.2-1.28 1.92-1.92 4.48-1.28 6.4l56.96 176.64c1.28 3.2 3.84 5.12 7.04 5.12h154.24c3.2 0 6.4-1.92 7.04-5.12l56.96-176.64c0.64-2.56 0.64-4.48-1.28-6.4-0.64-1.92-2.56-3.2-5.12-3.2zM597.12 460.8H844.8l-51.84 161.28h-143.36L597.12 460.8zM804.48 579.2H637.44c-4.48 0-7.68 3.2-7.68 7.68s3.2 7.68 7.68 7.68h167.04c4.48 0 7.68-3.2 7.68-7.68s-3.2-7.68-7.68-7.68zM319.36 181.76c-4.48 0-7.68 3.2-7.68 7.68V390.4c0 3.84 3.2 7.68 7.68 7.68s7.68-3.2 7.68-7.68v-201.6c-0.64-3.84-3.84-7.04-7.68-7.04zM341.76 94.08h-45.44c-4.48 0-7.68 3.2-7.68 7.68v88.32c0 3.84 3.2 7.68 7.68 7.68h45.44c4.48 0 7.68-3.2 7.68-7.68v-88.32c0-4.48-3.84-7.68-7.68-7.68z m-37.76 14.72h30.08v72.96h-30.08V108.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="deng1" unicode="&#58927;" d="M309.4-59.2c-12.7 0-23 10.3-23 23V808c0 12.7 10.3 23 23 23s23-10.3 23-23v-844.2c0-12.7-10.3-23-23-23zM815.1 680H204.8c-12.7 0-23 10.3-23 23s10.3 23 23 23H815c12.7 0 23-10.3 23-23s-10.2-23-22.9-23zM393.9-60.2H218.1c-12.7 0-23 10.3-23 23s10.3 23 23 23h175.8c12.7 0 23-10.3 23-23s-10.3-23-23-23zM667.5 548c-12.7 0-23 10.3-23 23V701.4c0 12.7 10.3 23 23 23s23-10.3 23-23V571c0-12.7-10.3-23-23-23zM775.3 356.9H560c-15 0-27.2 12.2-27.2 27.2v70.4c0 73.8 60 133.8 133.8 133.8h2.2c73.8 0 133.8-60 133.8-133.8v-70.4c-0.1-15-12.3-27.2-27.3-27.2z m-196.6 46h177.8v51.7c0 48.4-39.4 87.8-87.8 87.8h-2.2c-48.4 0-87.8-39.4-87.8-87.8v-51.7zM665.6 494.2h-1l-19.9 1.3c-8.3 0.5-14.5 7.7-14 15.9 0.5 8.3 7.7 14.5 15.9 14l19.9-1.3c8.3-0.5 14.5-7.7 14-15.9-0.4-7.9-7-14-14.9-14zM725.1 416.9c-8.1 0-14.7 6.4-15 14.6-1.1 36.1-11.3 45.5-12.6 46.5-6.8 3.6-9.8 12-6.7 19.2 3.3 7.6 12.2 11.1 19.7 7.8 4.6-2 27.8-15 29.5-72.6 0.2-8.3-6.3-15.2-14.6-15.4 0-0.1-0.2-0.1-0.3-0.1z m-26.5 60.5z m-0.1 0c0.1 0 0.1 0 0 0 0.1 0 0.1 0 0 0z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="iconfontdian1" unicode="&#58881;" d="M512.325632 383.652864m-159.997952 0a156.248 156.248 0 1 1 319.995904 0 156.248 156.248 0 1 1-319.995904 0Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="qiakoushexiangtou" unicode="&#58992;" d="M280 251.79999999999995h-84v105l-84 15.5V34l84 27.2V177.89999999999998h136l72 97.2-96 50.6-28-73.9z m436-19.4L912 353 304 734h-72l-96-143.9v-50.6l536-311.1 44 4z m-72-27.2L184 492.9l-48-50.6 536-311.1h48l24 23.4 24 70-72-50.6c-32.1 23.4-52 31.2-52 31.2z m0 0"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="qiakoujiankongshexiangtou" unicode="&#59006;" d="M848.6 356.9C844 191.2 695.4 58.1 512.3 58.1c-182.4 0-330.6 132.2-336.2 297.2-29.1 14.9-51.2 32.6-62.9 53.3-2.8 44.8 0 171.1 0 200.3 125.8 134.6 668.3 136.7 798.2 0v-200.3c-11.9-19.9-33.9-37-62.8-51.7z m-461-186.1h7.6c17.2-29.1 62.9-50.1 117.1-50.1s99.9 21 117.1 50.1h7.6V333.5h-2.5c-11.6 57.1-61.9 100.2-122.2 100.2s-110.7-43-122.2-100.2h-2.5v-162.7z m461.5 410.9c-114.7 82.8-522.8 89.2-673.5 2.2 0-15-1.3-82.2 1-105.2 118.6 74.5 550.3 73.5 672.5 0v103zM512.3 308.5c34.4 0 62.4-30.8 62.4-68.9s-27.9-68.9-62.4-68.9c-34.4 0-62.4 30.8-62.4 68.9s28 68.9 62.4 68.9z m0 0"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="qiakoujiankongshexiangtou1" unicode="&#59007;" d="M683.3 150.6c-52.4-30.5-109.5-45.4-171.3-45.4-61.8 0-119.6 14.9-172 45.4-52.4 30.5-93.8 71.2-124.3 123.6-30.5 52.4-46.1 108.7-46.1 170.5s15.6 118.1 46.1 170.5c30.5 52.4 71.9 93.1 124.3 123.6 52.4 30.5 110.3 45.4 172 45.4 61.8 0 118.9-14.9 171.3-45.4 52.4-30.5 94.6-71.2 125.1-123.6 30.5-52.4 46.1-108.7 46.1-170.5s-15.6-118.1-46.1-170.5c-30.5-52.5-72.7-93.1-125.1-123.6z m-40.7 423c-36 36-79.8 54-130.6 54s-94.6-18-130.6-54c-36-35.2-54-78.2-54-129s18-93.8 54-129 79.8-53.2 130.6-53.2 94.6 18 130.6 53.2 54 78.2 54 129-18 93.8-54 129z m-50-208.8C569.9 342.9 543.3 332 512 332s-57.9 10.9-80.6 32.8c-22.7 21.9-33.6 48.5-33.6 79.8 0 31.3 10.9 57.9 33.6 79.8C454.1 547 480.7 558 512 558s57.9-10.9 80.6-33.6c22.7-21.9 33.6-48.5 33.6-79.8 0-31.3-11-57.9-33.6-79.8z m-80.6-294c102.4 0 193.9 32.1 246.3 82.9l83.7-75.9c-32.8-28.9-79-51.6-137.6-68C645.7-7.4 581.6-16 512-16c-71.2 0-136.1 8.6-195.5 26.6-59.4 17.2-105.6 40.7-137.6 69.6l82.9 77.4c50.8-53.2 144.6-86.8 250.2-86.8z m0 0"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="kaishi1" unicode="&#59344;" d="M891.13508 481.264921L240.995527 873.396337C139.635187 926.636112 56.704 882.610913 56.704 775.107523v-782.215148c0-107.503391 82.931187-151.528589 184.291527-98.288814l650.139553 391.107573c101.36034 54.263616 101.36034 142.314012 0 195.553787z m0 0"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zanting2" unicode="&#59055;" d="M508.7232 796.16c-226.2016 0-409.6-183.3984-409.6-409.6s183.3984-409.6 409.6-409.6 409.6 183.3984 409.6 409.6-183.3984 409.6-409.6 409.6z m0-773.632c-201.1136 0-364.1344 163.0208-364.1344 364.1344s163.0208 364.1344 364.1344 364.1344c201.1136 0 364.1344-163.0208 364.1344-364.1344S709.8368 22.528 508.7232 22.528zM599.7568 523.1616H417.6896c-25.088 0-45.4656-20.3776-45.4656-45.4656v-182.0672c0-25.088 20.3776-45.4656 45.4656-45.4656h182.0672c25.088 0 45.4656 20.3776 45.4656 45.4656V477.5936c0 25.1904-20.3776 45.568-45.4656 45.568z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="play" unicode="&#58885;" d="M256.08 735.635v-703.269l552.57 351.65z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="qiangji" unicode="&#58886;" d="M245.834901 190.595611H122.91745v153.814002L0 367.08046v-494.879833l122.91745 40.125392v170.198537h198.955068l105.329154 142.244514-140.438872 73.964472-40.927899-108.071055z m637.793103-28.489028l286.762801 176.351097L280.944619 895.933124H175.548589l-140.438871-210.45768v-74.098224l784.117032-454.75444z m-105.329153-39.791014L105.329154 543.297806 35.109718 469.333333l784.117032-455.155695H889.446186l35.109718 34.173459 35.109718 102.453501-105.329154-73.964473c-46.812957 34.106583-76.037618 45.54232-76.037617 45.54232z"  horiz-adv-x="1170" />
+
+    
+    <glyph glyph-name="wenduji" unicode="&#58893;" d="M888 558.1l50.3-41.5c-30.2-36.5-74.7-57.5-122-57.5-87.3 0-158.2 71-158.2 158.2s71 158.2 158.2 158.2c47.4 0 91.8-20.9 122-57.5L888 676.6c-17.8 21.5-43.9 33.8-71.7 33.8-51.3 0-93-41.7-93-93s41.7-93 93-93c27.8-0.1 53.9 12.2 71.7 33.7zM652.3 743.3c0-33.1-26.9-60-60-60s-60 26.9-60 60 26.9 60 60 60 60-26.9 60-60zM399.4 164.4c0-55.7-45.2-100.8-100.8-100.8-55.7 0-100.8 45.2-100.8 100.8 0 39.1 22.2 72.9 54.6 89.7V389.7h92.4V254c32.4-16.7 54.6-50.6 54.6-89.6zM455.1 308V651.9c0 89.3-69.7 161.9-155.5 161.9h-2.3c-85.7 0-155.5-72.6-155.5-161.9V308c-35.7-39.1-55.2-89.2-55.2-142.6 0-116.8 95-211.8 211.9-211.8 116.8 0 211.8 95 211.8 211.8 0 53.4-19.4 103.5-55.2 142.6zM298.5 21.1c-79.5 0-144.2 64.7-144.2 144.2 0 39.8 15.9 76.9 44.8 104.4 3.4 3.2 6.9 6.2 10.5 9.1V651.9c0 52 39.4 94.3 87.9 94.3h2.3c48.5 0 87.9-42.3 87.9-94.3v-13.1H266.4v-57.5h121.1v-60.8H266.4V463h121.1v-184.2c3.6-2.9 7.1-5.9 10.5-9.1 28.9-27.5 44.7-64.6 44.7-104.4 0-79.5-64.6-144.2-144.2-144.2z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="qiuji" unicode="&#58958;" d="M512-127.99835a445.999281 445.999281 0 1 0 173.99972 34.999944 443.999285 443.999285 0 0 0-173.99972-34.999944z m0 813.998688C310.000325 686.000338 145.000591 521.000604 145.000591 319.00093s163.999736-366.999409 366.999409-366.999409 366.999409 164.999734 366.999409 366.999409-164.999734 366.999409-366.999409 366.999408zM699.999697 650.000396a39.999936 39.999936 0 0 0-39.999935 39.999936V796.000161a19.999968 19.999968 0 0 1-19.999968 19.999968H384.000206a19.999968 19.999968 0 0 1-19.999968-19.999968v-105.999829a39.999936 39.999936 0 0 0-79.999871 0V796.000161A99.999839 99.999839 0 0 0 384.000206 896h255.999588a99.999839 99.999839 0 0 0 99.999839-99.999839v-105.999829a39.999936 39.999936 0 0 0-39.999936-39.999936zM699.999697-54.998468a39.999936 39.999936 0 0 0-39.999935 39.999936V163.001181c0 81.999868-65.999894 147.999762-147.999762 147.999762s-147.999762-65.999894-147.999762-147.999762v-177.999713a39.999936 39.999936 0 0 0-79.999871 0V163.001181a227.999633 227.999633 0 0 0 455.999266 0v-177.999713a39.999936 39.999936 0 0 0-39.999936-39.999936zM851.999452 469.000688H171.000549a39.999936 39.999936 0 1 0 0 79.999871h680.998903a39.999936 39.999936 0 0 0 0-79.999871zM512 34.001389a128.999792 128.999792 0 1 0 128.999792 128.999792 128.999792 128.999792 0 0 0-128.999792-128.999792z m0 177.999713a48.999921 48.999921 0 1 1 48.999921-48.999921 48.999921 48.999921 0 0 1-48.999921 48.999921z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zhatuche-s" unicode="&#58903;" d="M368.651 568.791h-136.46L96.551 307.198h-0.819v-163.751h60.178v5.322c-0.458 67.407 53.503 122.584 120.903 123.632 67.4-1.048 121.36-56.225 120.902-123.632 0-1.774 39.437-3.002 12.145-3.002h245.625c0 1.774 6.55 1.228 6.55 3.002-0.458 67.407 53.503 122.584 120.903 123.632a118.75 118.75 0 0 0 46.26-9.416l69.185 73.825H928.132V459.624H409.589l-40.938 109.167zM177.607 337.219l85.015 164.979h55.675l36.708-165.389-177.398 0.41zM900.978 555.554l-38.891 63.317-31.659 5.049h-36.025l-42.576 95.385-73.143-32.341-78.736-7.778-40.256-55.266h-66.728l-53.492-28.52-6.687-7.642 17.876-32.204zM178.289 149.18a100.434 98.251 90 1 1 196.502 0 100.434 98.251 90 1 1-196.502 0ZM782.667 249.613c-54.262 0-98.251-44.966-98.251-100.434-0.028-55.468 43.939-100.456 98.201-100.484 54.262-0.026 98.271 44.916 98.299 100.385l0.001 0.099c0 55.468-43.988 100.434-98.25 100.434zM447.171 541.909l-37.448 95.521H300.556v-27.292h109.168l20.469-68.229h-6.824l27.292-68.23h477.607v68.23z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="qiuji1" unicode="&#59404;" d="M904.5 313.783c1.16-2.485-785.683 0.936-785 0 0 218.376 127.361 364.424 306 398.591V781h-233V836.984h349v-118.105c204.941-14.788 363-166.93 363-405.096z m-113.866-62.87c0-176.692-100.467-319.921-278.381-319.921-177.4 0-277.791 144-278.363 320.008H790.1a1.35 1.35 0 0 0 0.536-0.087z m-278.555-80.738c-44.8 0-81.132-31.639-81.132-70.665s36.327-70.669 81.132-70.669 81.135 31.642 81.135 70.669-36.328 70.665-81.135 70.665z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yunhangrenwu" unicode="&#59001;" d="M586.3 743.5c73.8-14.2 141.6-50.1 195.9-104.4 55.6-55.6 91.8-125.4 105.3-201.2h64.8C923.6 627.3 775 777.4 586.3 808.5v-65zM138.5 431.9C151.2 510 187.8 582 244.9 639.1c54.3 54.3 122.2 90.1 195.9 104.4v65C250.2 777 100.5 624.1 73.8 431.9h64.7z m751.1-117c-11.7-80.4-48.8-154.7-107.3-213.2C727.6 47 659.1 11.1 584.7-3v-64.9c193.4 31.2 345 187.2 369.4 382.8h-64.5zM439.3-2.3c-73.2 14.4-140.4 50.1-194.3 104.1-57.1 57.1-93.7 129.1-106.4 207.2H73.8c26.6-191.7 175.5-344.3 365.4-376.3v65z m75.2 645.8c-151.1 0-273.6-122.5-273.6-273.6s122.5-273.6 273.6-273.6 273.6 122.5 273.6 273.6-122.5 273.6-273.6 273.6z m158.1-431.8c-42.2-42.2-98.4-65.5-158.1-65.5s-115.9 23.3-158.1 65.5c-42.2 42.2-65.5 98.4-65.5 158.1 0 59.7 23.3 115.9 65.5 158.1 42.2 42.2 98.4 65.5 158.1 65.5 59.7 0 115.9-23.3 158.1-65.5 42.2-42.2 65.5-98.4 65.5-158.1S714.8 254 672.6 211.7z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yichangrenwushu" unicode="&#58882;" d="M652.019886-127.999912H186.230894A73.966743 73.966743 0 0 0 112.351755-54.120773V822.120861A73.966743 73.966743 0 0 0 186.230894 896h648.909974a73.995944 73.995944 0 0 0 73.849938-73.587127l2.657313-690.988962a74.287957 74.287957 0 0 0-21.696522-52.562233l-185.778294-185.252672a73.470322 73.470322 0 0 0-52.153417-21.608918zM186.230894 843.437766a21.346107 21.346107 0 0 1-21.316906-21.316905v-876.241634a21.375308 21.375308 0 0 1 21.316906-21.316906h465.788992a21.229302 21.229302 0 0 1 15.038639 6.219864l185.778295 185.252672a21.433711 21.433711 0 0 1 6.249065 15.184646l-2.657313 690.988961a21.346107 21.346107 0 0 1-21.287704 21.229302zM692.11319-79.321444h-52.562233v161.103246a62.870272 62.870272 0 0 0 62.782667 62.782668h172.783742v-52.562234h-172.783742a10.220434 10.220434 0 0 1-10.220434-10.220434zM247.290688 717.872431h528.54246v-52.562234h-528.54246zM247.290688 595.227219h528.54246v-52.562233h-528.54246zM661.218277 192.980127H369.9359a36.092734 36.092734 0 0 0-31.624944 19.039209 37.757204 37.757204 0 0 0 1.40166 38.60404l145.568185 225.287573a35.77152 35.77152 0 0 0 60.446569 0L691.41236 250.652578a37.757204 37.757204 0 0 0 1.430861-38.604041 36.121935 36.121935 0 0 0-31.624944-19.06841z m-288.917077 37.961613h286.726984l-143.378092 221.783424zM497.428517 390.818534h35.041489v-89.063785h-35.041489zM496.961298 280.583849h35.041489V250.652578h-35.041489z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yunhangrenwu1" unicode="&#59127;" d="M512-128C229.216-128 0 101.216 0 384S229.216 896 512 896s512-229.216 512-512-229.216-512-512-512z m0 64c247.424 0 448 200.576 448 448S759.424 832 512 832 64 631.424 64 384s200.576-448 448-448z m224 448l-352-224V608l352-224z m-96 0l-192 112v-224l192 112z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yichang" unicode="&#58895;" d="M404.15 168.253H239.771c-21.106 0-41.095 19.95-41.095 41.096 0 21.144 19.989 30.821 41.095 30.821H404.15c5.364 37.716 13.431 70.473 30.821 102.737h-195.2c-21.106 0-35.925 18.631-35.925 39.777 0 21.285 14.819 42.413 35.925 42.413h256.842c57.147 55.765 136.47 86.531 222.296 86.531 41.687 0 80.239-10.112 116.736-24.889V733.307l0.75 18.865s-0.715 0.698-0.75 1.683c-0.035 1.09-0.022 2.821-0.126 3.911-0.141 1.373-0.386 2.568-0.597 3.906-0.105 0.704-0.175 1.338-0.315 2.005-0.21 0.985-0.491 1.936-0.736 2.921-0.246 0.984-0.456 1.969-0.737 2.955a64.386 64.386 0 0 1-1.963 5.7c-0.07 0.035-0.07 0.07-0.105 0.141a1.008 1.008 0 0 0-0.071 0.316c-0.736 1.478-1.577 2.814-2.349 4.117-0.035 0.105-0.106 0.176-0.141 0.28a76.395 76.395 0 0 1-2.103 3.73c-0.737 1.231-1.508 2.956-2.315 4.152-11.359 16.289-39.148 27.508-60.359 27.508H137.034c-34.71 0-71.916-37.297-71.916-71.917l0.522-730.246h-0.491s-0.106-1.267-0.07-2.322c0.07-1.055-0.071-1.653 0.035-2.673 0.07-0.775 0.176-1.338 0.281-2.112 0.455-3.271 1.087-6.438 2.033-9.569 0.561-1.936 1.227-3.8 1.963-5.665 0.036-0.035 0.036-0.071 0.07-0.106 0.071-0.105 0.071-0.211 0.071-0.315 0.771-1.584 1.718-2.147 2.489-3.59 10.482-20.336 20.239-34.476 44.466-34.476h400.674c-59.953 52.457-105.508 131.767-113.011 215.747zM239.771 599.748h421.221c21.105 0 35.724-13.849 35.724-34.959v-0.071c0-21.144-14.618-36.886-35.724-36.886H239.771c-21.106 0-35.925 16.656-35.925 37.801 0 21.286 14.819 34.115 35.925 34.115z m597.184-196.73c-34.884 19.879-75.167 31.207-118.046 31.207-26.996 0-52.94-4.504-77.167-12.771-43.649-14.917-81.653-42.079-109.947-77.402-24.122-30.117-41.195-66.144-48.663-105.549-2.805-14.636-4.242-29.729-4.242-45.139 0-9.71 0.561-19.315 1.718-28.744 13.323-112.057 103.637-200.753 216.214-211.097 7.292-0.669 14.655-1.02 22.087-1.02 7.433 0 14.795 0.351 22.087 1.02 28.959 2.638 56.447 10.519 81.515 22.587 80.637 38.878 136.417 121.663 136.417 217.254 0 89.787-49.188 168.244-121.973 209.654z m-40.224-372.981c-19.346-9.313-39.911-15.015-61.156-16.951-5.591-0.513-11.198-0.773-16.666-0.773-5.469 0-11.075 0.26-16.653 0.771-84.131 7.731-152.458 74.44-162.467 158.621l-0.012 0.112-0.014 0.111c-0.843 6.876-1.271 14.088-1.271 21.436 0 11.482 1.066 22.868 3.192 33.966 5.456 28.792 18.101 56.198 36.567 79.252 21.637 27.014 50.236 47.158 82.682 58.247 18.639 6.36 38.145 9.585 57.977 9.585 31.1 0 61.744-8.094 88.651-23.425 56.604-32.206 91.767-92.603 91.767-157.625-0.002-69.17-40.285-133.285-102.597-163.327z m-77.822 84.623c-14.48 0-26.19-11.786-26.19-26.317 0-14.494 11.71-26.281 26.19-26.281s26.225 11.787 26.225 26.281c0 14.531-11.745 26.317-26.225 26.317z m0 207.544c-16.689 0-30.327-13.687-30.327-30.434l1.928-69.768 1.087-39.158 0.385-13.722c0-16.747 10.238-28.744 26.926-28.744 16.689 0 26.926 11.997 26.926 28.744l3.436 122.647c0 8.373-3.401 15.973-8.94 21.497a30.093 30.093 0 0 1-21.421 8.938z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yiyunhangrenwuliebiao" unicode="&#58883;" d="M387.2 7.7H168.1c-51.3 0-94.8 42-94.8 94.8V730.2c0 52.8 42 94.8 94.8 94.8h503.4c51.3 0 94.8-42 94.8-94.8v-188c0-17.1-14-31.1-31.1-31.1s-31.1 14-31.1 31.1v188c0 17.1-14 31.1-31.1 31.1H168c-17.1 1.6-32.6-14-32.6-31.1v-629.3c0-17.1 14-31.1 31.1-31.1h220.6c17.1 0 31.1-14 31.1-31.1 0.1-17.1-12.3-31-31-31z m0 0M607.9 573.2H230.3c-17.1 0-31.1 14-31.1 31.1s14 31.1 31.1 31.1h377.6c17.1 0 31.1-14 31.1-31.1-0.1-17.1-14-31.1-31.1-31.1z m-220.7-188H230.3c-17.1 0-31.1 14-31.1 31.1s14 31.1 31.1 31.1h156.9c17.1 0 31.1-14 31.1-31.1 1.6-17.1-12.4-31.1-31.1-31.1z m-62.1-189.5h-94.8c-17.1 0-31.1 14-31.1 31.1s14 31.1 31.1 31.1h94.8c17.1 0 31.1-14 31.1-31.1-0.1-17.2-14-31.1-31.1-31.1z m550 205.1C825.4 452 757 478.5 685.6 478.5s-138.3-28-189.6-77.7c-51.3-49.7-77.7-118.1-77.7-189.6s28-138.3 77.7-189.6c49.7-51.3 118.1-77.7 189.6-77.7s138.3 28 189.6 77.7c51.3 49.7 77.7 118.1 77.7 189.6 1.5 71.5-26.5 138.3-77.8 189.6zM707.3 65.1c-7.8-9.3-20.2-15.5-32.6-17.1h-9.3c-9.3 1.6-17.1 4.7-23.3 10.9L520.9 169.3c-18.6 17.1-20.2 46.6-3.1 65.3 17.1 18.6 46.6 20.2 65.3 3.1l14-12.4c1.6-1.6 4.7-3.1 6.2-4.7l66.8-60.6 107.2 129 4.7 4.7 28 32.6c15.5 20.2 45.1 21.8 63.7 6.2 20.2-15.5 21.8-45.1 6.2-63.7L707.3 65.1z m0 0"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>

src/assets/icon/icon4/demo.css

+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.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;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.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 {
+  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 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;
+}
+
+.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;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/assets/icon/icon4/demo_index.html

+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>IconFont Demo</title>
+  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2143398" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63d;</span>
+                <div class="name">磁盘io</div>
+                <div class="code-name">&amp;#xe63d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe615;</span>
+                <div class="name">任务</div>
+                <div class="code-name">&amp;#xe615;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61a;</span>
+                <div class="name">服务器</div>
+                <div class="code-name">&amp;#xe61a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe749;</span>
+                <div class="name">GPU</div>
+                <div class="code-name">&amp;#xe749;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">视频</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe636;</span>
+                <div class="name">模板管理</div>
+                <div class="code-name">&amp;#xe636;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe602;</span>
+                <div class="name">CPU</div>
+                <div class="code-name">&amp;#xe602;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe650;</span>
+                <div class="name">告警</div>
+                <div class="code-name">&amp;#xe650;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe667;</span>
+                <div class="name">电脑</div>
+                <div class="code-name">&amp;#xe667;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60c;</span>
+                <div class="name">任务</div>
+                <div class="code-name">&amp;#xe60c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62d;</span>
+                <div class="name">模板</div>
+                <div class="code-name">&amp;#xe62d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe618;</span>
+                <div class="name">视频</div>
+                <div class="code-name">&amp;#xe618;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe798;</span>
+                <div class="name">流量</div>
+                <div class="code-name">&amp;#xe798;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe717;</span>
+                <div class="name">节点</div>
+                <div class="code-name">&amp;#xe717;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe605;</span>
+                <div class="name">内存</div>
+                <div class="code-name">&amp;#xe605;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <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">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.eot');
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont.woff2') format('woff2'),
+      url('iconfont.woff') format('woff'),
+      url('iconfont.ttf') format('truetype'),
+      url('iconfont.svg#iconfont') format('svg');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-cipanio"></span>
+            <div class="name">
+              磁盘io
+            </div>
+            <div class="code-name">.icon-cipanio
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-renwu"></span>
+            <div class="name">
+              任务
+            </div>
+            <div class="code-name">.icon-renwu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fuwuqi"></span>
+            <div class="name">
+              服务器
+            </div>
+            <div class="code-name">.icon-fuwuqi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-GPU"></span>
+            <div class="name">
+              GPU
+            </div>
+            <div class="code-name">.icon-GPU
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tubiaozhizuomoban-"></span>
+            <div class="name">
+              视频
+            </div>
+            <div class="code-name">.icon-tubiaozhizuomoban-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-mobanguanli"></span>
+            <div class="name">
+              模板管理
+            </div>
+            <div class="code-name">.icon-mobanguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-CPU"></span>
+            <div class="name">
+              CPU
+            </div>
+            <div class="code-name">.icon-CPU
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon-test"></span>
+            <div class="name">
+              告警
+            </div>
+            <div class="code-name">.icon-icon-test
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-diannao"></span>
+            <div class="name">
+              电脑
+            </div>
+            <div class="code-name">.icon-diannao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-renwu-"></span>
+            <div class="name">
+              任务
+            </div>
+            <div class="code-name">.icon-renwu-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-moban"></span>
+            <div class="name">
+              模板
+            </div>
+            <div class="code-name">.icon-moban
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shipin"></span>
+            <div class="name">
+              视频
+            </div>
+            <div class="code-name">.icon-shipin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-liuliang"></span>
+            <div class="name">
+              流量
+            </div>
+            <div class="code-name">.icon-liuliang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiedian"></span>
+            <div class="name">
+              节点
+            </div>
+            <div class="code-name">.icon-jiedian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-neicun"></span>
+            <div class="name">
+              内存
+            </div>
+            <div class="code-name">.icon-neicun
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <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="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-cipanio"></use>
+                </svg>
+                <div class="name">磁盘io</div>
+                <div class="code-name">#icon-cipanio</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-renwu"></use>
+                </svg>
+                <div class="name">任务</div>
+                <div class="code-name">#icon-renwu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuwuqi"></use>
+                </svg>
+                <div class="name">服务器</div>
+                <div class="code-name">#icon-fuwuqi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-GPU"></use>
+                </svg>
+                <div class="name">GPU</div>
+                <div class="code-name">#icon-GPU</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tubiaozhizuomoban-"></use>
+                </svg>
+                <div class="name">视频</div>
+                <div class="code-name">#icon-tubiaozhizuomoban-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-mobanguanli"></use>
+                </svg>
+                <div class="name">模板管理</div>
+                <div class="code-name">#icon-mobanguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-CPU"></use>
+                </svg>
+                <div class="name">CPU</div>
+                <div class="code-name">#icon-CPU</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon-test"></use>
+                </svg>
+                <div class="name">告警</div>
+                <div class="code-name">#icon-icon-test</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-diannao"></use>
+                </svg>
+                <div class="name">电脑</div>
+                <div class="code-name">#icon-diannao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-renwu-"></use>
+                </svg>
+                <div class="name">任务</div>
+                <div class="code-name">#icon-renwu-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-moban"></use>
+                </svg>
+                <div class="name">模板</div>
+                <div class="code-name">#icon-moban</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shipin"></use>
+                </svg>
+                <div class="name">视频</div>
+                <div class="code-name">#icon-shipin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-liuliang"></use>
+                </svg>
+                <div class="name">流量</div>
+                <div class="code-name">#icon-liuliang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiedian"></use>
+                </svg>
+                <div class="name">节点</div>
+                <div class="code-name">#icon-jiedian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-neicun"></use>
+                </svg>
+                <div class="name">内存</div>
+                <div class="code-name">#icon-neicun</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <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="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

src/assets/icon/icon4/iconfont.css

+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1603174460886'); /* IE9 */
+  src: url('iconfont.eot?t=1603174460886#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAvsAAsAAAAAF8QAAAufAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFHAqfQJhrATYCJANACyIABCAFhG0HgT8bhBOjoo5yUiBkf3nAHRZfuFFEiWZ12rWxi8dSnGB5FBynCFoej42nj9EN/VB+SlihseAf/l527lvj/99YA/MJEmUUSFQYUKIbKIES7HIt95FlKeOfZRUAKDzY5PYnl1xzScmh01WqQrbClfiv2967P2clUKSRNROFFFNAJwk0PG3z37sDZe8KEI4yTnsVxirQReJxqAtyUbpo69hv2PoOjK21f7hqfrWb9o8Oyvy8AAJi4H/3e7UA7DBl11PhKlyV70l+PoV63i2nBENgIdm/FBDcZjfhQGgzrWdiWzHJmrSOWCmr9uVudggUm/oyx9bBBZQ5ggvH3CQ8KFcquUispPIQGLW8nhWkPOYNgCf/5/UxXQbDd8Sgd9dmCCsT+4KLv+jaVns7nQYmY4EF5wAHvcGGH5DL2LkXJXRy3itgU5uXPkzDaxYYmY2UY6ql1jactyYaJVZid6VCy6YsCZsJEHmjwmisKryk//KygdOhAYlm1Xdlz4hfTANxJRUAPFygcUkCKJB6cA6RRnBi0gzAQo4EUCFzAATIqQAEuRRAglyLQmT8GYDBy3kAHGQNTqMDmOwo24AH4BcIG4JUKZiXpmxWjnOulPja+kDWfu3VuYX5ZlWtdWUp062dKFPTMOfyITixwlNfGPKT6/r8SussttuZyvrUyq2rfsWBIDrXTNRqLxE0QH8GkiRAlgkiXPmhDYAoryrCTmYzwXYLXjKjmF6+noZMOQI0RFILKLFVz4TbDcpQGyryyRIrhEKG6eGw3r7cbNpUuQTWtSEUaDECBCjIN7X524OtppoWVN79Kd/zmb3vC0fv53sUE1JSxi0TOCUdHWJh2MAEZWD1oqzHRgOVIlEOhv2hgGTP5l5G4hRPQLSaVjI7KJx0AAR5AiCgb9xObRsAgqNquM47iJWkWyQQGNpL9/YKyr4+B9PTY1d0d6/hpQAbgtDfrLfLtd6mNP5+FptBNrSAiK3pVHO7Bdobb1lg3VqP1027vZ6VntE2fKTv73UyCtpJYaSTAMih72Zd7EbnlV+W7mYbBTpuFE6nBLoopMsR/uBDdXfzGApIgCgTTDA8qQht6NHmsPO89i2jhQE5/CGEeEDwvU4mHGyIDaJyeq+2EDjDFf7QIwGApyETTn2iNoRABu/y0hCBpoYECJ0MISpFgIEu1u6AcH7d63c8f90XtE91j8jfDHTvM6RC2gbr7S0mAyGI+8NBGYSiQ0Wp/GJvPnnLJNp2ocdK7UAeYvg9+OmuXOrK/QTsROcE8uqDva4h8Jq5a4sbn03YjWrvBO/57wZur1QH2qDS305ogq2AI6yXQWp0EisAsaWUgfWGn7ke56WvAOjVv0KqGfffshd1vOQAjo3110zFDrM4vZ0AKMQKRTWXzSW8JOkQJLZLDTpQa5R00iHySw0NgaYm1hsCq7uDoS/efQ29pjW8EjHWmIDY2tz8quvr6w3sDfMhzcFGvazHEuTaWl2x2PNmdmPmtbdHP5MC/W0+UWeoMRpOClJ47PatOkNDmorJ0Dex0DmYrN3cyurrzBxj0dWz8KmZxG5uNeiaMzkmnW0kZwM5xG5eqp6tNbFybWuwHfovDnuut3tKhKs5e+FO+quOl/tS62/i3TS0rJ1e/xF5RleEoRp2A/F2Gtl0F0IvjZ39EUjQIBAwCIgIBp6tcnwPPjRP/D6qvfR3I5nZT/PcfZuaTqfUti17YlKUT7Ts/LGl02AnoDlV4HvLdVvCkI7tcVYs5caSzDr9zBr9U0MLewtB3rQvWAee8ohi+GdM7fyvc/dbTO8eOWwL5prpnf0Xx6ripsaJY88/EZ2iPzL+oYvHFyYpvmRPsF8qkqbW7q+9t9wVHS0HKaF/jThcHFBwnGIgwZYYT3ECdf69NxQMo4D3DSbw8EnLlqjEYaJqLW1X2BW/LzFCk8lY8ggxNAG+YYe8EXc77lbc6/owi15PMdm8AR5/pmjq9z8+FlMLBnNzcg2Gv/7+a9VFOVP+5gcpSxK14WEpU3p9n5wliwl7OAgxGwzrJBj+WkM9KNV9tm6sGFx+XftAC8ZuEUd5sP37Mc8ohd1DHqxiv+vLPVYbaWuiDlCbr85m0DQEL9+4cU7mFrx2zOYxtbpSnbfwnXWbTQPocQSiJVUfyvnt+TBkaTI0sU1gQdUHdb7ONffr/FLWCm5fKhYxi1U3P5biZAV2rN2UahAMz2Bl0S5f5fEpgkGw6G8SL7DC0zs6ZzT4B2/mC3gLD8vNFeYfKyyVlnw+yOQxeyrLO/IkeCweuGzwJeUWmwXkufJdE+DOutqdmLRO15Jhgku5SzlJuVv5rcZ+8rsavuU38/0ma/pE58L0FxcOzy+emG6dbnXaXyLfmXfxYp4zP2PcaudfJdrtCo0iNthIueK2KTXKmANNODZBgYHsWZ0tZLS+jSs9U8ptI6M6iXNxanVH7OP047FiYuxQR5macx4+Y+OEfjvnqDn1HDII3OkkjvuQq/ZHFgH+X+K0p9pSxeqUwjT7nTQhxSaKthR72l2FnSWKZStNCEzCnlIoVttS7anKX6quKH76SXFFpvz08xUcW1qc8NPDX0xS1aoWaK+aKiZmjZcFsrHTyDn/xzcXwbVr4SIbLCj2WVWEc96PkcWNKS22gdmFnnEf7bQlvvfRmx99R9vo73yv740X7Ynv/xjhpg9KB/WU/a2AgXvTZ6DxOfLgu5MAraFF7WDbA8uyPv/9a60IB37/fH7kQVrz3fTImak0tQ9+JpJ0T+X9EwNxmr/uVQ+kDJh/9w79J4+vng02Ne86K295O/8HL39v7qETMzp+PDGiaJnu0SNy6cszo0O/OfrUjKPgnxc6GPJtXJu0Kq8obe3ucTtixulSYnzjHhOyi/JWTWOGxM96bE7CjFmXafXULFUVCUWGOkCmuwq0a9aM824/vky/7Ph277g1a7QFrlQEUEa89XDO9q1LX+Eq8PdIuGM0ScSmP5Sx6qBVm6/VWtv4ZA2v8b7yuafAtsW7fYst1/N5H5/sS07m26za7plkHyzN2J4em5sTm74js/RgjsaqOYBgR+HAZ548hGzz7Jzr6en3HYWC8I6cE87Mh7FUIhaYAJVoNs7aNWx3UrV/yahvPrnW/toM4jbvqOe0V94n+O5VEsVm78hYdSD/uMVTOK/a98pv2+aGbPvsEHWhOuVG/Sg1++SqDCsjQ9300B6hGp4+QLhnW0w/z/mlBGpY9q04nlVbksk4G7m5qv3OxG8+jr81k/TVTJYB3d0Ry/iOYR3jLZGvpg8DyoIC9zC3OVN5L8ABjpvBjftomxB5newlX48AbxO9BHOB0wULehV2D80FlWpQPSA04pXYD4CoZE/jNp8uOoiL6a9dxoc1VCtAdffH+/GEXWM34Wj3L2fwCYjdinU2PGM7D939wed4ZqjhQ+xDjhWxZ3e+EMGn+L1ft+PskLs38EyCQDmZKb+piD/mH7xz+ewUIpf1Ky/TQWK6mNZ0OH1e7QP8R+vULdi04USov9aanqxhmg7NBZdkRT4Aw+eWWX+kFnZ2/nOgFgpkRBvISvZ9XeA58qoLFCSXqDizPXY1x8hRZeDUV4Jk8o2MwRuyJj++LvAXeYv+UTDNoeK+9SZZHabqukHPYsj8F0aBVlzV2Gp67BkKJz1Tdvu0KzQpbWOT4bi+bxsVmlMMkT6KqbWccaNjtpXMDaXULDF6hoEdRtYmy6MRDw05DHQMVbcM5LE2b4jxvRQlAU3hr7aqjd9/BgmO5DGRS66KXkFGij6fmRga7+C7LdROl7yVk1OPhClLmmP6bEOLMVukkZS7NSYJ9zSDAtZQdMDOxLIR3YrvKoaXV/E3L/j6Liu+xzQrKyevoKikrKKqpq5BoyZ1KJ2UeIp0waB6ckXuzAoeKLd9ctm1zidPv0b06nSsfU8Naq474TwlKbd+cln5lCMMLKa2FJKnlKeLJ6gcFHoZi2lECamyJCe7donSjHBxalEhBU4BAA==') format('woff2'),
+  url('iconfont.woff?t=1603174460886') format('woff'),
+  url('iconfont.ttf?t=1603174460886') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1603174460886#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+[class^="icon-fx"], [class*="icon-fx"] {
+  font-family:"iconfont" !important;
+  /* 以下内容参照第三方图标库本身的规则 */
+  font-size: 18px;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.icon-fx-cipanio:before {
+  content: "\e63d";
+}
+
+.icon-fx-renwu:before {
+  content: "\e615";
+}
+
+.icon-fx-fuwuqi:before {
+  content: "\e61a";
+}
+
+.icon-fx-GPU:before {
+  content: "\e749";
+}
+
+.icon-fx-tubiaozhizuomoban-:before {
+  content: "\e604";
+}
+
+.icon-fx-mobanguanli:before {
+  content: "\e636";
+}
+
+.icon-fx-CPU:before {
+  content: "\e602";
+}
+
+.icon-fx-icon-test:before {
+  content: "\e650";
+}
+
+.icon-fx-diannao:before {
+  content: "\e667";
+}
+
+.icon-fx-renwu-:before {
+  content: "\e60c";
+}
+
+.icon-fx-moban:before {
+  content: "\e62d";
+}
+
+.icon-fx-shipin:before {
+  content: "\e618";
+}
+
+.icon-fx-liuliang:before {
+  content: "\e798";
+}
+
+.icon-fx-jiedian:before {
+  content: "\e717";
+}
+
+.icon-fx-neicun:before {
+  content: "\e605";
+}
+

src/assets/icon/icon4/iconfont.js

+!function(h){var a,l,t,c,i,v,e='<svg><symbol id="icon-cipanio" viewBox="0 0 1099 1024"><path d="M451.06 686.1 533.16 686.1c9.8 0 16.9-5.7 16.9-15.3 0-8 0-26.3 0-36.5 0-8.8-6.3-13.8-17.6-13.8l-82 0c-10.7 0-16.1 7.6-16.1 15.8 0 6.8 0 28.1 0 33.8C434.26 677.8 442.66 686.1 451.06 686.1zM612.36 686.1l116.6 0c10.5 0 17.3-5.8 17.3-14.2 0-8.2 0-28.2 0-36.5 0-8.7-6-14.9-17.6-14.9L611.76 620.5c-10.4 0-17 6-17 14.8 0 5.6 0 24.7 0 32.1C594.76 677.6 600.86 686.1 612.36 686.1zM364.56 145.7 179.86 485.4l0 285c0 27.5 16.4 42.3 45.6 42.3l626.3 0c25.4 0 40.8-15.4 40.8-40.5L892.56 481.8 707.26 145.7 364.56 145.7zM671.66 201.6 827.16 479.8 250.06 479.8 402.86 201.6 671.66 201.6zM832.56 756.3 238.26 756.3 238.26 542.5l594.3 0L832.56 756.3z"  ></path></symbol><symbol id="icon-renwu" viewBox="0 0 1024 1024"><path d="M898.56 168.96h-138.24v153.6h-512v-153.6H125.44c-17.92 0-30.72 17.92-30.72 35.84v762.88c0 20.48 15.36 35.84 33.28 35.84h765.44c17.92 0 33.28-15.36 33.28-35.84V204.8c0-20.48-15.36-35.84-33.28-35.84h5.12z m-125.44 302.08L473.6 839.68c2.56 5.12-5.12 5.12-10.24 2.56l-217.6-179.2c-5.12-2.56-5.12-10.24-2.56-15.36l35.84-46.08c2.56-5.12 10.24-5.12 15.36-2.56l163.84 138.24 256-317.44c2.56-7.68 10.24-7.68 15.36-2.56l40.96 35.84c7.68 2.56 10.24 7.68 2.56 17.92zM634.88 122.88V92.16c0-28.16-25.6-46.08-53.76-46.08h-156.16c-28.16 0-53.76 17.92-53.76 46.08v30.72h-61.44v153.6h386.56v-153.6h-61.44z m-130.56 92.16c-30.72 0-56.32-25.6-56.32-56.32 0-30.72 25.6-56.32 56.32-56.32 30.72 0 56.32 25.6 56.32 56.32 0 35.84-25.6 56.32-56.32 56.32z m0 0" fill="" ></path></symbol><symbol id="icon-fuwuqi" viewBox="0 0 1024 1024"><path d="M512 0C229.232 0 0.002 229.228 0.002 512c0 282.768 229.23 512 511.998 512C794.776 1024 1024.006 794.77 1024.006 512 1024.006 229.228 794.776 0 512 0z m0 993.808C245.906 993.808 30.194 778.094 30.194 512c0-266.096 215.712-481.81 481.806-481.81 266.104 0 481.814 215.712 481.814 481.81 0 266.094-215.71 481.808-481.814 481.808z" fill="#666666" ></path><path d="M799.08 397.236a9.808 9.808 0 0 1-9.808 9.808H234.738a9.81 9.81 0 0 1-9.81-9.808v-103.322a9.812 9.812 0 0 1 9.81-9.81h554.534a9.808 9.808 0 0 1 9.808 9.81v103.322zM799.08 539.956a9.81 9.81 0 0 1-9.808 9.808H234.738a9.81 9.81 0 0 1-9.81-9.808v-103.32a9.81 9.81 0 0 1 9.81-9.808h554.534a9.808 9.808 0 0 1 9.808 9.808v103.32zM799.08 726.226c0 7.542-4.39 13.666-9.808 13.666H234.738c-5.418 0-9.81-6.124-9.81-13.666v-143.992c0-7.548 4.392-13.668 9.81-13.668h554.534c5.418 0 9.808 6.12 9.808 13.668v143.992z" fill="#666666" ></path><path d="M286.4 345.576m-22.234 0a22.234 22.234 0 1 0 44.468 0 22.234 22.234 0 1 0-44.468 0Z" fill="#FFFFFF" ></path><path d="M286.4 488.296m-22.234 0a22.234 22.234 0 1 0 44.468 0 22.234 22.234 0 1 0-44.468 0Z" fill="#FFFFFF" ></path></symbol><symbol id="icon-GPU" viewBox="0 0 1024 1024"><path d="M650.2 652.8H381V383.5h269.2v269.3z m-247.7-21.6h226.2V405H402.5v226.2z" fill="#231815" ></path><path d="M798.9 801.4H232.3V234.8h566.6v566.6zM263 770.7h505.2V265.5H263v505.2z m94.9-684.5v148.6h-39.2V86.2M82.5 326.5h148.6v39.2H82.5m0 128.6h148.6v39.2H82.5m0 132.4h148.6v39.2H82.5m716.4-378.6h148.6v39.2H798.9m0 128.6h148.6v39.2H798.9m0 132.4h148.6v39.2H798.9M536.2 86.2v148.6H497V86.2m208 0v148.6h-39.2V86.2M365.5 801.4V950h-39.2V801.4m209.9 0V950H497V801.4m208 0V950h-39.2V801.4" fill="" ></path><path d="M435.8 439.6h49.5v49.5h-49.5z" fill="#231815" ></path><path d="M285.6 285.1h18.8v466.2h-18.8z" fill="" ></path></symbol><symbol id="icon-tubiaozhizuomoban-" viewBox="0 0 1024 1024"><path d="M791.3 1024H232.7C104.7 1024 0 919.3 0 791.3V232.8C0 104.7 104.7 0 232.7 0h558.5c128 0 232.7 104.7 232.7 232.7v558.5c0.1 128.1-104.6 232.8-232.6 232.8z" fill="#F6F1FF" ></path><path d="M515.3 532.1l-121.6 70.2c-3.6 2.1-7.6 3.1-11.6 3.1s-8.1-1-11.6-3.1c-7.1-4.1-11.6-11.9-11.6-20.1V441.8c0-8.3 4.4-16 11.6-20.1 7.2-4.2 16.1-4.2 23.2-0.1l121.6 70.2c7.2 4.2 11.6 11.9 11.6 20.1 0 8.4-4.4 16.1-11.6 20.2z m272-130.7c-14.5-8.4-31.9-8.4-46.5 0l-69.2 39.9V328.7c0-25.7-20.9-46.6-46.5-46.6H260c-25.7 0-46.5 20.9-46.5 46.6v366.7c0 25.7 20.9 46.5 46.5 46.5h365c25.7 0 46.5-20.9 46.5-46.5V578.5l69.2 40c14.6 8.4 32 8.4 46.5 0 14.6-8.4 23.3-23.5 23.3-40.3V441.7c0.1-16.9-8.7-32-23.2-40.3z" fill="#D97DFC" ></path></symbol><symbol id="icon-mobanguanli" viewBox="0 0 1024 1024"><path d="M511.6 549.4l-383-225L512.1 99.3l376.5 225-377 225.1z m-284.2-225l284 166.9 279.7-167-279.2-166.9-284.5 167z" fill="" ></path><path d="M512.8 745.3L130.3 520.7l25.4-43.1 357.1 209.8 359.6-210.8 25.2 43.1z" fill="" ></path><path d="M511.8 925.3L129.3 700.7l25.4-43.1 357.1 209.8 359.6-210.8 25.2 43.1z" fill="" ></path></symbol><symbol id="icon-CPU" viewBox="0 0 1024 1024"><path d="M188.966 204.408h600.541v600.528H188.966z" fill="#384244" ></path><path d="M268.101 283.53h442.273v442.281H268.101z" fill="#FFFFFF" ></path><path d="M302.778 118.366h22.587v86.042h-22.587zM352.821 118.366h22.596v86.042h-22.596zM402.877 118.366h22.588v86.042h-22.588zM452.92 118.366h22.588v86.042H452.92zM502.966 118.366h22.596v86.042h-22.596zM553.013 118.366h22.591v86.042h-22.591zM603.056 118.366h22.599v86.042h-22.599zM653.108 118.366h22.59v86.042h-22.59z" fill="#696F6F" ></path><path d="M302.778 804.936h22.587v86.031h-22.587zM352.821 804.936h22.596v86.031h-22.596zM402.877 804.936h22.588v86.031h-22.588zM452.92 804.936h22.588v86.031H452.92zM502.966 804.936h22.596v86.031h-22.596zM553.013 804.936h22.591v86.031h-22.591zM603.056 804.936h22.599v86.031h-22.599zM653.108 804.936h22.59v86.031h-22.59z" fill="#696F6F" ></path><path d="M789.507 318.208h86.032v22.588h-86.032zM789.507 368.254h86.032v22.588h-86.032zM789.507 418.3h86.032v22.595h-86.032zM789.507 468.354h86.032v22.585h-86.032zM789.507 518.395h86.032v22.59h-86.032zM789.507 568.443h86.032v22.592h-86.032zM789.507 618.49h86.032v22.594h-86.032zM789.507 668.539h86.032v22.588h-86.032z" fill="#696F6F" ></path><path d="M102.936 318.208h86.03v22.588h-86.03zM102.936 368.254h86.03v22.588h-86.03zM102.936 418.3h86.03v22.595h-86.03zM102.936 468.354h86.03v22.585h-86.03zM102.936 518.395h86.03v22.59h-86.03zM102.936 568.443h86.03v22.592h-86.03zM102.936 618.49h86.03v22.594h-86.03zM102.936 668.539h86.03v22.588h-86.03z" fill="#696F6F" ></path><path d="M321.6 442.571h84.456v26.499H321.6zM321.6 540.275h84.456v26.496H321.6z" fill="#21A4D4" ></path><path d="M319.629 442.571h26.496v124.2h-26.496z" fill="#21A4D4" ></path><path d="M561.144 442.017h26.496v125.301h-26.496zM632.35 442.017h26.496v125.301H632.35z" fill="#21A4D4" ></path><path d="M561.144 540.822h97.702v26.496h-97.702z" fill="#21A4D4" ></path><path d="M434.829 442.571h84.452v26.499h-84.452zM434.829 498.044h97.702v26.493h-97.702z" fill="#21A4D4" ></path><path d="M432.86 442.571h26.494v124.2H432.86zM513.488 442.571h26.494v81.966h-26.494z" fill="#21A4D4" ></path></symbol><symbol id="icon-icon-test" viewBox="0 0 1024 1024"><path d="M902.4 825.6h-96V518.4c0-153.6-121.6-275.2-275.2-275.2S249.6 364.8 249.6 518.4v307.2H153.6c-6.4 0-12.8 6.4-12.8 12.8v57.6c0 6.4 6.4 12.8 12.8 12.8h748.8c6.4 0 12.8-6.4 12.8-12.8v-57.6c0-6.4-6.4-12.8-12.8-12.8z" fill="#FE6D68" ></path><path d="M486.4 76.8h83.2v108.8H486.4V76.8zM268.8 160l70.4-38.4 57.6 96L320 256l-51.2-96zM121.6 332.8l44.8-70.4L256 320l-38.4 70.4-96-57.6zM793.6 320l96-57.6 38.4 70.4-96 57.6-38.4-70.4zM652.8 211.2l57.6-96 70.4 38.4-51.2 102.4-76.8-44.8zM633.6 505.6H544l19.2-115.2c0-6.4 0-6.4-6.4-6.4h-6.4L409.6 550.4v12.8h96l-19.2 115.2c0 6.4 0 6.4 6.4 6.4h6.4L640 518.4s0-6.4-6.4-12.8c6.4 0 0 0 0 0z" fill="#F9D65D" ></path></symbol><symbol id="icon-diannao" viewBox="0 0 1024 1024"><path d="M852.07 176H171.93a28 28 0 0 0-28 28v370.46h32V208h672.14v366.46h32V204a28 28 0 0 0-28-28zM496 720.13h32v95.84h-32zM496 832v-16H320a16 16 0 0 0 0 32h384a16 16 0 0 0 0-32H528v16z" fill="#333333" ></path><path d="M496 815.97h32v16h-32z" fill="#333333" ></path><path d="M848.07 688.13H175.93v-81.67h-32v85.67a28 28 0 0 0 28 28H496v-16h32v16h324.07a28 28 0 0 0 28-28v-85.67h-32zM175.93 574.46h-32v32h736.14v-32H175.93z" fill="#E72418" ></path><path d="M496 704.13h32v16h-32z" fill="#E72418" ></path></symbol><symbol id="icon-renwu-" viewBox="0 0 1024 1024"><path d="M511 976.1c-62.8 0-123.6-12.3-181-36.5-55.4-23.4-105.1-56.9-147.8-99.6-42.7-42.7-76.2-92.4-99.6-147.8-24.2-57.3-36.5-118.2-36.5-181s12.3-123.6 36.5-181c23.4-55.4 56.9-105.1 99.6-147.8s92.4-76.2 147.8-99.6c57.3-24.2 118.2-36.5 181-36.5s123.6 12.3 181 36.5c55.4 23.4 105.1 56.9 147.8 99.6 42.7 42.7 76.2 92.4 99.6 147.8 24.2 57.3 36.5 118.2 36.5 181s-12.3 123.6-36.5 181c-23.4 55.3-57 105.1-99.6 147.8-42.7 42.7-92.4 76.2-147.8 99.6-57.4 24.2-118.2 36.5-181 36.5z m0-893.9c-236.6 0-429 192.5-429 429 0 236.6 192.5 429 429 429 236.6 0 429-192.5 429-429 0-236.6-192.4-429-429-429z" fill="#070707" ></path><path d="M826.1 575.1h-314c-9.9 0-18-8.1-18-18V225.6c0-9.9 8.1-18 18-18s18 8.1 18 18v313.5h296c9.9 0 18 8.1 18 18s-8.1 18-18 18z" fill="#070707" ></path></symbol><symbol id="icon-moban" viewBox="0 0 1024 1024"><path d="M848.38 225.06c-21.61-77.78-92.89-135.1-177.48-135.1H210.33C108.69 89.96 26 172.65 26 274.29v337.28c0 94.1 70.88 171.8 162.02 182.87 21.77 78.35 93.12 134.22 177.39 134.22h448.07C915.22 928.66 998 846 998 744.38V405.92c0-88.98-64.85-164.47-149.62-180.86zM99.42 611.57V274.29c0-61.16 49.76-110.91 110.91-110.91H670.9c61.18 0 110.94 49.76 110.94 110.91v337.28c0 61.18-49.76 110.94-110.94 110.94H210.33c-61.16-0.01-110.91-49.76-110.91-110.94z m825.16 132.8c0 61.13-49.85 110.87-111.1 110.87H365.41c-42.65 0-79.76-23.77-98.28-59.32H670.9c101.66 0 184.35-82.69 184.35-184.35V303.44c40.44 16.61 69.33 56.45 69.33 102.48v338.45z" fill="#333333" ></path></symbol><symbol id="icon-shipin" viewBox="0 0 1024 1024"><path d="M704 320m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"  ></path><path d="M832 864H64a32 32 0 0 1-32-32V192a32 32 0 0 1 32-32h768a32 32 0 0 1 32 32v140.16l81.92-40.96a32.64 32.64 0 0 1 30.72 0 33.28 33.28 0 0 1 15.36 28.8v384a33.28 33.28 0 0 1-15.36 27.52 32.64 32.64 0 0 1-30.72 0l-81.92-40.96V832a32 32 0 0 1-32 32z m-736-64h704V640a33.28 33.28 0 0 1 15.36-27.52 32.64 32.64 0 0 1 30.72 0l81.92 40.96v-281.6l-81.92 40.96a32.64 32.64 0 0 1-30.72 0A33.28 33.28 0 0 1 800 384V224h-704z"  ></path><path d="M384 672a33.92 33.92 0 0 1-15.36-3.84 32.64 32.64 0 0 1-16.64-28.16V384a32 32 0 0 1 49.92-26.88l192 128a32.64 32.64 0 0 1 0 53.76l-192 128a36.48 36.48 0 0 1-17.92 5.12z m32-228.48v136.96L518.4 512z"  ></path></symbol><symbol id="icon-liuliang" viewBox="0 0 1024 1024"><path d="M365.248 215.936c8-30.848 50.464-31.776 60.896-3.36l112.896 464.416 70.944-239.744c7.808-26.464 42.656-30.848 57.248-8.8l72.832 142.368H896v64h-175.52a32 32 0 0 1-26.496-14.048l-45.408-88.448-81.92 276.928c-8.896 30.048-50.4 30.272-60.608 2.24l-110.912-456.16-66.432 255.552a32 32 0 0 1-27.36 23.744L128 634.816v-64h144.96l92.288-354.88z"  ></path></symbol><symbol id="icon-jiedian" viewBox="0 0 1024 1024"><path d="M764.37 442.9c-16.21 0.73-29.93 13.15-29.93 29.93V680c0 13 0.34 26-1 38.9a155.89 155.89 0 0 1-8.47 31 142.71 142.71 0 0 1-9.65 17.73c-1.08 1.67-2.2 3.33-3.35 4.95-0.2 0.29-0.41 0.57-0.62 0.85-2.21 2.61-4.38 5.24-6.75 7.72s-5.15 5.15-7.89 7.55c-0.83 0.72-1.69 1.42-2.54 2.12-0.47 0.34-0.93 0.69-1.4 1a110.86 110.86 0 0 1-16.23 9.35 105.87 105.87 0 0 1-18.33 5c-6.59 0.55-13.18 0.46-19.8 0.46s-13.21 0.09-19.8-0.46a106 106 0 0 1-18.34-5 111 111 0 0 1-15.7-9l-0.42-0.29c-1.2-1-3.25-2.52-3.55-2.78q-4.38-3.78-8.38-8c-2.28-2.38-4.42-4.87-6.53-7.4l-0.45-0.63q-1.74-2.43-3.38-4.93a144.63 144.63 0 0 1-10-18.28 156.39 156.39 0 0 1-8.51-31.23c-1-9.81-1-19.59-1-29.44V512.6 466.83c0-14.32 0.06-28.65 0-43a140.31 140.31 0 0 0-41.51-99.08c-27.4-26.9-64.34-40.92-102.53-40.92-14.4 0-28.31 0.1-42.61 2.28a134.33 134.33 0 0 0-51.78 19.75c-32.79 21.13-57.5 55.71-63.24 94.7-2.51 17-2.11 33.79-2.11 50.93V576.7c0 15.66 13.77 30.66 29.94 29.94s29.93-13.16 29.93-29.94V436.89c0-8.06-0.15-16.09 0.58-24.11a112.19 112.19 0 0 1 5.39-19.64 110.59 110.59 0 0 1 8.22-14.64c0.72-1.09 1.47-2.14 2.23-3.2l0.08-0.09q3.33-4 7-7.65c2.37-2.36 4.86-4.6 7.43-6.74 1.21-0.85 2.42-1.71 3.66-2.53a113.09 113.09 0 0 1 14.75-8.21 117.92 117.92 0 0 1 21.05-5.75c7.19-0.65 14.38-0.61 21.62-0.61s14.43 0 21.62 0.61a117.92 117.92 0 0 1 21.05 5.75 113.09 113.09 0 0 1 14.75 8.21c1.24 0.82 2.45 1.68 3.66 2.53 2.57 2.14 5.06 4.38 7.43 6.74s4.79 5 7 7.65l0.08 0.09c0.76 1.06 1.51 2.11 2.23 3.2a110.59 110.59 0 0 1 8.22 14.64 112.75 112.75 0 0 1 5.39 19.61c0.63 7 0.58 14 0.58 21.06V576.7c0 0.53 0 1.06 0.05 1.59v73.86c0 16.41-0.07 32.83 0 49.24 0.2 48.89 19.62 100.53 58.19 132.07 18.5 15.13 40.1 27.12 64 30.81 15.86 2.45 32 2.78 48.07 2.17 49.85-1.92 93.65-32.15 118.07-74.94 17.14-30 23.47-63.44 23.47-97.67v-221c0-15.65-13.77-30.65-29.94-29.93z" fill="#FD9A16" ></path><path d="M404.29 747.36a180.63 180.63 0 0 1-1.61 23.47l1.07-8a173.67 173.67 0 0 1-11.75 42.6l3-7.15a172.48 172.48 0 0 1-15.28 28.27c-1.57 2.35-3.23 4.64-4.9 6.93-2.86 4 4.78-6 1.5-1.92-0.82 1-1.63 2-2.46 3-3.33 4-6.85 7.86-10.53 11.54s-7.54 7.2-11.55 10.53c-1 0.84-2 1.64-3 2.47-4.12 3.36 6.24-4.61 1.92-1.5-2.12 1.52-4.22 3.07-6.39 4.53a172.55 172.55 0 0 1-28.81 15.64l7.15-3a172.91 172.91 0 0 1-42.56 11.72l8-1.07a175.66 175.66 0 0 1-46.94 0l8 1.07a172.79 172.79 0 0 1-42.56-11.72l7.15 3a173.19 173.19 0 0 1-28.27-15.27c-2.36-1.58-4.64-3.24-6.93-4.9-4-2.87 6 4.78 1.92 1.5-1-0.82-2-1.63-3-2.47-4-3.33-7.86-6.85-11.54-10.53s-7.2-7.54-10.53-11.54c-0.84-1-1.65-2-2.47-3-3.36-4.12 4.61 6.24 1.5 1.92-1.53-2.12-3.07-4.22-4.53-6.39a171.83 171.83 0 0 1-15.64-28.81l3 7.15a173.67 173.67 0 0 1-11.72-42.56l1.07 8a176.49 176.49 0 0 1 0-46.94l-1.07 8a173.67 173.67 0 0 1 11.72-42.56l-3 7.15a172.43 172.43 0 0 1 15.27-28.27c1.58-2.35 3.24-4.64 4.9-6.93 2.87-4-4.78 6-1.5 1.92 0.82-1 1.63-2 2.47-3q5-6 10.53-11.55c3.68-3.68 7.54-7.2 11.54-10.53l3-2.47c4.12-3.36-6.24 4.61-1.92 1.5 2.12-1.52 4.22-3.07 6.38-4.53a172.65 172.65 0 0 1 28.82-15.64l-7.15 3a173.67 173.67 0 0 1 42.56-11.72l-8 1.07a175.66 175.66 0 0 1 46.94 0l-8-1.07a173.67 173.67 0 0 1 42.56 11.72l-7.15-3a172.89 172.89 0 0 1 28.27 15.28c2.35 1.57 4.64 3.23 6.93 4.89 3.95 2.87-6-4.77-1.92-1.5 1 0.83 2 1.64 3 2.47q6 5 11.55 10.53t10.53 11.55c0.83 1 1.64 2 2.46 3 3.36 4.12-4.6-6.24-1.5-1.92 1.53 2.12 3.07 4.22 4.54 6.39A173.28 173.28 0 0 1 395 696.52l-3-7.15a173.67 173.67 0 0 1 11.72 42.56l-1.07-8a180.63 180.63 0 0 1 1.61 23.47c0.09 15.6 13.74 30.6 29.97 29.9s30-13.16 29.93-29.94C464 707 451.81 666 428.11 633.13a206 206 0 0 0-96.92-73.86C255 531.22 163.55 556 112.12 618.8 85 651.87 69.06 690.78 65.6 733.45c-3.29 40.46 7.13 82.65 28.25 117.26 20.2 33.11 50.5 61.21 86 77.21 40 18 83.16 23.26 126.25 14.62 77.87-15.61 142.82-82.35 155-161a228.48 228.48 0 0 0 3.08-34.13c0.06-15.66-13.81-30.66-29.93-29.93-16.25 0.68-29.89 13.1-29.96 29.88zM899.13 276.94a180.63 180.63 0 0 1-1.61 23.47l1.07-8A173.59 173.59 0 0 1 886.87 335l3-7.15a172.08 172.08 0 0 1-15.28 28.27c-1.58 2.36-3.23 4.64-4.9 6.94-2.86 3.95 4.78-5.95 1.5-1.93-0.82 1-1.63 2-2.46 3q-5 6-10.53 11.54t-11.55 10.54c-1 0.83-2 1.64-3 2.46-4.12 3.36 6.24-4.6 1.92-1.5-2.12 1.53-4.22 3.07-6.39 4.54a173.28 173.28 0 0 1-28.81 15.64l7.15-3A173.79 173.79 0 0 1 775 416.1l8-1.07a176.49 176.49 0 0 1-47-0.03l8 1.07a173.67 173.67 0 0 1-42.56-11.72l7.15 3a172.83 172.83 0 0 1-28.27-15.28c-2.36-1.58-4.64-3.24-6.94-4.9-3.95-2.86 6 4.78 1.93 1.5-1-0.82-2-1.63-3-2.46a171.778 171.778 0 0 1-22.07-22.08c-0.84-1-1.65-2-2.47-3-3.36-4.12 4.61 6.24 1.5 1.93-1.53-2.13-3.07-4.23-4.53-6.39A171.53 171.53 0 0 1 629 327.86l3 7.15a173.59 173.59 0 0 1-11.72-42.55l1.07 8a176.42 176.42 0 0 1 0-46.93l-1.07 8A173.79 173.79 0 0 1 632 218.87l-3 7.13a172.53 172.53 0 0 1 15.27-28.28c1.58-2.35 3.24-4.63 4.9-6.93 2.87-3.95-4.78 6-1.5 1.92 0.82-1 1.63-2 2.47-3q5-6 10.53-11.54c3.68-3.69 7.54-7.2 11.54-10.54 1-0.83 2-1.64 3-2.46 4.12-3.36-6.24 4.6-1.93 1.5 2.13-1.53 4.23-3.07 6.39-4.54a173 173 0 0 1 28.82-15.64l-7.15 3a173.67 173.67 0 0 1 42.56-11.72l-8 1.07a176.49 176.49 0 0 1 46.94 0l-8-1.07a173.79 173.79 0 0 1 42.56 11.72l-7.15-3a172.89 172.89 0 0 1 28.27 15.28c2.35 1.58 4.64 3.24 6.93 4.9 4 2.86-5.95-4.78-1.92-1.5 1 0.82 2 1.63 3 2.46q6 5 11.55 10.54t10.53 11.54c0.83 1 1.64 2 2.46 3 3.36 4.12-4.6-6.23-1.5-1.92 1.53 2.12 3.07 4.23 4.54 6.39A173 173 0 0 1 889.89 226l-3-7.16a173.79 173.79 0 0 1 11.72 42.56l-1.07-8a180.47 180.47 0 0 1 1.61 23.46c0.06 15.66 13.72 30.66 29.94 29.94s30-13.16 29.93-29.94c-0.16-40.35-12.35-81.37-36-114.23A206.13 206.13 0 0 0 826 88.86c-76.15-28-167.65-3.28-219.07 59.52-27.08 33.07-43.06 72-46.52 114.65-3.29 40.46 7.13 82.65 28.25 117.26 20.2 33.11 50.5 61.22 86 77.21 40 18 83.16 23.26 126.25 14.63 77.87-15.62 142.82-82.36 155-161.06a228.48 228.48 0 0 0 3.09-34.13c0.06-15.66-13.81-30.65-29.93-29.93-16.28 0.73-29.87 13.15-29.94 29.93z" fill="#0071C3" ></path></symbol><symbol id="icon-neicun" viewBox="0 0 1024 1024"><path d="M725.333333 170.666667v192a64 64 0 0 1-64 64H362.666667a64 64 0 0 1-64-64V170.666667h426.666666m64-64H234.666667v256a128 128 0 0 0 128 128h298.666666a128 128 0 0 0 128-128V106.666667z" fill="#333333" ></path><path d="M597.333333 224m32 0l0 0q32 0 32 32l0 64q0 32-32 32l0 0q-32 0-32-32l0-64q0-32 32-32Z" fill="#333333" ></path><path d="M768 170.666667a106.666667 106.666667 0 0 1 106.666667 106.666666v469.333334a106.666667 106.666667 0 0 1-106.666667 106.666666H256a106.666667 106.666667 0 0 1-106.666667-106.666666V277.333333a106.666667 106.666667 0 0 1 106.666667-106.666666h512m0-64H256a170.666667 170.666667 0 0 0-170.666667 170.666666v469.333334a170.666667 170.666667 0 0 0 170.666667 170.666666h512a170.666667 170.666667 0 0 0 170.666667-170.666666V277.333333a170.666667 170.666667 0 0 0-170.666667-170.666666z" fill="#333333" ></path></symbol></svg>',o=(o=document.getElementsByTagName("script"))[o.length-1].getAttribute("data-injectcss");if(o&&!h.__iconfont__svg__cssinject__){h.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(h){console&&console.log(h)}}function d(){i||(i=!0,t())}a=function(){var h,a,l,t;(t=document.createElement("div")).innerHTML=e,e=null,(l=t.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",h=l,(a=document.body).firstChild?(t=h,(l=a.firstChild).parentNode.insertBefore(t,l)):a.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(a,0):(l=function(){document.removeEventListener("DOMContentLoaded",l,!1),a()},document.addEventListener("DOMContentLoaded",l,!1)):document.attachEvent&&(t=a,c=h.document,i=!1,(v=function(){try{c.documentElement.doScroll("left")}catch(h){return void setTimeout(v,50)}d()})(),c.onreadystatechange=function(){"complete"==c.readyState&&(c.onreadystatechange=null,d())})}(window);
\ No newline at end of file

src/assets/icon/icon4/iconfont.json

+{
+  "id": "2143398",
+  "name": "showdev",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "1045409",
+      "name": "磁盘io",
+      "font_class": "cipanio",
+      "unicode": "e63d",
+      "unicode_decimal": 58941
+    },
+    {
+      "icon_id": "1240771",
+      "name": "任务",
+      "font_class": "renwu",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "2032569",
+      "name": "服务器",
+      "font_class": "fuwuqi",
+      "unicode": "e61a",
+      "unicode_decimal": 58906
+    },
+    {
+      "icon_id": "2611816",
+      "name": "GPU",
+      "font_class": "GPU",
+      "unicode": "e749",
+      "unicode_decimal": 59209
+    },
+    {
+      "icon_id": "3816381",
+      "name": "视频",
+      "font_class": "tubiaozhizuomoban-",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "4599422",
+      "name": "模板管理",
+      "font_class": "mobanguanli",
+      "unicode": "e636",
+      "unicode_decimal": 58934
+    },
+    {
+      "icon_id": "5017544",
+      "name": "CPU",
+      "font_class": "CPU",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "5183565",
+      "name": "告警",
+      "font_class": "icon-test",
+      "unicode": "e650",
+      "unicode_decimal": 58960
+    },
+    {
+      "icon_id": "7991662",
+      "name": "电脑",
+      "font_class": "diannao",
+      "unicode": "e667",
+      "unicode_decimal": 58983
+    },
+    {
+      "icon_id": "7992951",
+      "name": "任务",
+      "font_class": "renwu-",
+      "unicode": "e60c",
+      "unicode_decimal": 58892
+    },
+    {
+      "icon_id": "9495517",
+      "name": "模板",
+      "font_class": "moban",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "10352333",
+      "name": "视频",
+      "font_class": "shipin",
+      "unicode": "e618",
+      "unicode_decimal": 58904
+    },
+    {
+      "icon_id": "14095350",
+      "name": "流量",
+      "font_class": "liuliang",
+      "unicode": "e798",
+      "unicode_decimal": 59288
+    },
+    {
+      "icon_id": "14444812",
+      "name": "节点",
+      "font_class": "jiedian",
+      "unicode": "e717",
+      "unicode_decimal": 59159
+    },
+    {
+      "icon_id": "16136928",
+      "name": "内存",
+      "font_class": "neicun",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    }
+  ]
+}

src/assets/icon/icon4/iconfont.svg

+<?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" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="cipanio" unicode="&#58941;" d="M451.06 209.9 533.16 209.9c9.8 0 16.9 5.7 16.9 15.3 0 8 0 26.3 0 36.5 0 8.8-6.3 13.8-17.6 13.8l-82 0c-10.7 0-16.1-7.6-16.1-15.8 0-6.8 0-28.1 0-33.8C434.26 218.2 442.66 209.9 451.06 209.9zM612.36 209.9l116.6 0c10.5 0 17.3 5.8 17.3 14.2 0 8.2 0 28.2 0 36.5 0 8.7-6 14.9-17.6 14.9L611.76 275.5c-10.4 0-17-6-17-14.8 0-5.6 0-24.7 0-32.1C594.76 218.4 600.86 209.9 612.36 209.9zM364.56 750.3 179.86 410.6l0-285c0-27.5 16.4-42.3 45.6-42.3l626.3 0c25.4 0 40.8 15.4 40.8 40.5L892.56 414.2 707.26 750.3 364.56 750.3zM671.66 694.4 827.16 416.2 250.06 416.2 402.86 694.4 671.66 694.4zM832.56 139.7 238.26 139.7 238.26 353.5l594.3 0L832.56 139.7z"  horiz-adv-x="1099" />
+
+    
+    <glyph glyph-name="renwu" unicode="&#58901;" d="M898.56 727.04h-138.24v-153.6h-512v153.6H125.44c-17.92 0-30.72-17.92-30.72-35.84v-762.88c0-20.48 15.36-35.84 33.28-35.84h765.44c17.92 0 33.28 15.36 33.28 35.84V691.2c0 20.48-15.36 35.84-33.28 35.84h5.12z m-125.44-302.08L473.6 56.32c2.56-5.12-5.12-5.12-10.24-2.56l-217.6 179.2c-5.12 2.56-5.12 10.24-2.56 15.36l35.84 46.08c2.56 5.12 10.24 5.12 15.36 2.56l163.84-138.24 256 317.44c2.56 7.68 10.24 7.68 15.36 2.56l40.96-35.84c7.68-2.56 10.24-7.68 2.56-17.92zM634.88 773.12V803.84c0 28.16-25.6 46.08-53.76 46.08h-156.16c-28.16 0-53.76-17.92-53.76-46.08v-30.72h-61.44v-153.6h386.56v153.6h-61.44z m-130.56-92.16c-30.72 0-56.32 25.6-56.32 56.32 0 30.72 25.6 56.32 56.32 56.32 30.72 0 56.32-25.6 56.32-56.32 0-35.84-25.6-56.32-56.32-56.32z m0 0"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="fuwuqi" unicode="&#58906;" d="M512 896C229.232 896 0.002 666.772 0.002 384c0-282.768 229.23-512 511.998-512C794.776-128 1024.006 101.23 1024.006 384 1024.006 666.772 794.776 896 512 896z m0-993.808C245.906-97.808 30.194 117.906 30.194 384c0 266.096 215.712 481.81 481.806 481.81 266.104 0 481.814-215.712 481.814-481.81 0-266.094-215.71-481.808-481.814-481.808zM799.08 498.764a9.808 9.808 0 0 0-9.808-9.808H234.738a9.81 9.81 0 0 0-9.81 9.808v103.322a9.812 9.812 0 0 0 9.81 9.81h554.534a9.808 9.808 0 0 0 9.808-9.81v-103.322zM799.08 356.044a9.81 9.81 0 0 0-9.808-9.808H234.738a9.81 9.81 0 0 0-9.81 9.808v103.32a9.81 9.81 0 0 0 9.81 9.808h554.534a9.808 9.808 0 0 0 9.808-9.808v-103.32zM799.08 169.774c0-7.542-4.39-13.666-9.808-13.666H234.738c-5.418 0-9.81 6.124-9.81 13.666v143.992c0 7.548 4.392 13.668 9.81 13.668h554.534c5.418 0 9.808-6.12 9.808-13.668v-143.992zM286.4 550.424m-22.234 0a22.234 22.234 0 1 1 44.468 0 22.234 22.234 0 1 1-44.468 0ZM286.4 407.704m-22.234 0a22.234 22.234 0 1 1 44.468 0 22.234 22.234 0 1 1-44.468 0Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="GPU" unicode="&#59209;" d="M650.2 243.2H381V512.5h269.2v-269.3z m-247.7 21.6h226.2V491H402.5v-226.2zM798.9 94.6H232.3V661.2h566.6v-566.6zM263 125.3h505.2V630.5H263v-505.2z m94.9 684.5v-148.6h-39.2V809.8M82.5 569.5h148.6v-39.2H82.5m0-128.6h148.6v-39.2H82.5m0-132.4h148.6v-39.2H82.5m716.4 378.6h148.6v-39.2H798.9m0-128.6h148.6v-39.2H798.9m0-132.4h148.6v-39.2H798.9M536.2 809.8v-148.6H497V809.8m208 0v-148.6h-39.2V809.8M365.5 94.6V-54h-39.2V94.6m209.9 0V-54H497V94.6m208 0V-54h-39.2V94.6M435.8 456.4h49.5v-49.5h-49.5zM285.6 610.9h18.8v-466.2h-18.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="tubiaozhizuomoban-" unicode="&#58884;" d="M791.3-128H232.7C104.7-128 0-23.3 0 104.7V663.2C0 791.3 104.7 896 232.7 896h558.5c128 0 232.7-104.7 232.7-232.7v-558.5c0.1-128.1-104.6-232.8-232.6-232.8zM515.3 363.9l-121.6-70.2c-3.6-2.1-7.6-3.1-11.6-3.1s-8.1 1-11.6 3.1c-7.1 4.1-11.6 11.9-11.6 20.1V454.2c0 8.3 4.4 16 11.6 20.1 7.2 4.2 16.1 4.2 23.2 0.1l121.6-70.2c7.2-4.2 11.6-11.9 11.6-20.1 0-8.4-4.4-16.1-11.6-20.2z m272 130.7c-14.5 8.4-31.9 8.4-46.5 0l-69.2-39.9V567.3c0 25.7-20.9 46.6-46.5 46.6H260c-25.7 0-46.5-20.9-46.5-46.6v-366.7c0-25.7 20.9-46.5 46.5-46.5h365c25.7 0 46.5 20.9 46.5 46.5V317.5l69.2-40c14.6-8.4 32-8.4 46.5 0 14.6 8.4 23.3 23.5 23.3 40.3V454.3c0.1 16.9-8.7 32-23.2 40.3z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="mobanguanli" unicode="&#58934;" d="M511.6 346.6l-383 225L512.1 796.7l376.5-225-377-225.1z m-284.2 225l284-166.9 279.7 167-279.2 166.9-284.5-167zM512.8 150.7L130.3 375.3l25.4 43.1 357.1-209.8 359.6 210.8 25.2-43.1zM511.8-29.3L129.3 195.3l25.4 43.1 357.1-209.8 359.6 210.8 25.2-43.1z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="CPU" unicode="&#58882;" d="M188.966 691.592h600.541v-600.528H188.966zM268.101 612.47h442.273v-442.281H268.101zM302.778 777.634h22.587v-86.042h-22.587zM352.821 777.634h22.596v-86.042h-22.596zM402.877 777.634h22.588v-86.042h-22.588zM452.92 777.634h22.588v-86.042H452.92zM502.966 777.634h22.596v-86.042h-22.596zM553.013 777.634h22.591v-86.042h-22.591zM603.056 777.634h22.599v-86.042h-22.599zM653.108 777.634h22.59v-86.042h-22.59zM302.778 91.064h22.587v-86.031h-22.587zM352.821 91.064h22.596v-86.031h-22.596zM402.877 91.064h22.588v-86.031h-22.588zM452.92 91.064h22.588v-86.031H452.92zM502.966 91.064h22.596v-86.031h-22.596zM553.013 91.064h22.591v-86.031h-22.591zM603.056 91.064h22.599v-86.031h-22.599zM653.108 91.064h22.59v-86.031h-22.59zM789.507 577.792h86.032v-22.588h-86.032zM789.507 527.746h86.032v-22.588h-86.032zM789.507 477.7h86.032v-22.595h-86.032zM789.507 427.646h86.032v-22.585h-86.032zM789.507 377.605h86.032v-22.59h-86.032zM789.507 327.557h86.032v-22.592h-86.032zM789.507 277.51h86.032v-22.594h-86.032zM789.507 227.461h86.032v-22.588h-86.032zM102.936 577.792h86.03v-22.588h-86.03zM102.936 527.746h86.03v-22.588h-86.03zM102.936 477.7h86.03v-22.595h-86.03zM102.936 427.646h86.03v-22.585h-86.03zM102.936 377.605h86.03v-22.59h-86.03zM102.936 327.557h86.03v-22.592h-86.03zM102.936 277.51h86.03v-22.594h-86.03zM102.936 227.461h86.03v-22.588h-86.03zM321.6 453.429h84.456v-26.499H321.6zM321.6 355.725h84.456v-26.496H321.6zM319.629 453.429h26.496v-124.2h-26.496zM561.144 453.983h26.496v-125.301h-26.496zM632.35 453.983h26.496v-125.301H632.35zM561.144 355.178h97.702v-26.496h-97.702zM434.829 453.429h84.452v-26.499h-84.452zM434.829 397.956h97.702v-26.493h-97.702zM432.86 453.429h26.494v-124.2H432.86zM513.488 453.429h26.494v-81.966h-26.494z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="icon-test" unicode="&#58960;" d="M902.4 70.4h-96V377.6c0 153.6-121.6 275.2-275.2 275.2S249.6 531.2 249.6 377.6v-307.2H153.6c-6.4 0-12.8-6.4-12.8-12.8v-57.6c0-6.4 6.4-12.8 12.8-12.8h748.8c6.4 0 12.8 6.4 12.8 12.8v57.6c0 6.4-6.4 12.8-12.8 12.8zM486.4 819.2h83.2v-108.8H486.4V819.2zM268.8 736l70.4 38.4 57.6-96L320 640l-51.2 96zM121.6 563.2l44.8 70.4L256 576l-38.4-70.4-96 57.6zM793.6 576l96 57.6 38.4-70.4-96-57.6-38.4 70.4zM652.8 684.8l57.6 96 70.4-38.4-51.2-102.4-76.8 44.8zM633.6 390.4H544l19.2 115.2c0 6.4 0 6.4-6.4 6.4h-6.4L409.6 345.6v-12.8h96l-19.2-115.2c0-6.4 0-6.4 6.4-6.4h6.4L640 377.6s0 6.4-6.4 12.8c6.4 0 0 0 0 0z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="diannao" unicode="&#58983;" d="M852.07 720H171.93a28 28 0 0 1-28-28v-370.46h32V688h672.14v-366.46h32V692a28 28 0 0 1-28 28zM496 175.87h32v-95.84h-32zM496 64v16H320a16 16 0 0 1 0-32h384a16 16 0 0 1 0 32H528v-16zM496 80.03h32v-16h-32zM848.07 207.87H175.93v81.67h-32v-85.67a28 28 0 0 1 28-28H496v16h32v-16h324.07a28 28 0 0 1 28 28v85.67h-32zM175.93 321.54h-32v-32h736.14v32H175.93zM496 191.87h32v-16h-32z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="renwu-" unicode="&#58892;" d="M511-80.1c-62.8 0-123.6 12.3-181 36.5-55.4 23.4-105.1 56.9-147.8 99.6-42.7 42.7-76.2 92.4-99.6 147.8-24.2 57.3-36.5 118.2-36.5 181s12.3 123.6 36.5 181c23.4 55.4 56.9 105.1 99.6 147.8s92.4 76.2 147.8 99.6c57.3 24.2 118.2 36.5 181 36.5s123.6-12.3 181-36.5c55.4-23.4 105.1-56.9 147.8-99.6 42.7-42.7 76.2-92.4 99.6-147.8 24.2-57.3 36.5-118.2 36.5-181s-12.3-123.6-36.5-181c-23.4-55.3-57-105.1-99.6-147.8-42.7-42.7-92.4-76.2-147.8-99.6-57.4-24.2-118.2-36.5-181-36.5z m0 893.9c-236.6 0-429-192.5-429-429 0-236.6 192.5-429 429-429 236.6 0 429 192.5 429 429 0 236.6-192.4 429-429 429zM826.1 320.9h-314c-9.9 0-18 8.1-18 18V670.4c0 9.9 8.1 18 18 18s18-8.1 18-18v-313.5h296c9.9 0 18-8.1 18-18s-8.1-18-18-18z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="moban" unicode="&#58925;" d="M848.38 670.94c-21.61 77.78-92.89 135.1-177.48 135.1H210.33C108.69 806.04 26 723.35 26 621.71v-337.28c0-94.1 70.88-171.8 162.02-182.87 21.77-78.35 93.12-134.22 177.39-134.22h448.07C915.22-32.66 998 50 998 151.62V490.08c0 88.98-64.85 164.47-149.62 180.86zM99.42 284.43V621.71c0 61.16 49.76 110.91 110.91 110.91H670.9c61.18 0 110.94-49.76 110.94-110.91v-337.28c0-61.18-49.76-110.94-110.94-110.94H210.33c-61.16 0.01-110.91 49.76-110.91 110.94z m825.16-132.8c0-61.13-49.85-110.87-111.1-110.87H365.41c-42.65 0-79.76 23.77-98.28 59.32H670.9c101.66 0 184.35 82.69 184.35 184.35V592.56c40.44-16.61 69.33-56.45 69.33-102.48v-338.45z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shipin" unicode="&#58904;" d="M704 576m-64 0a64 64 0 1 1 128 0 64 64 0 1 1-128 0ZM832 32H64a32 32 0 0 0-32 32V704a32 32 0 0 0 32 32h768a32 32 0 0 0 32-32v-140.16l81.92 40.96a32.64 32.64 0 0 0 30.72 0 33.28 33.28 0 0 0 15.36-28.8v-384a33.28 33.28 0 0 0-15.36-27.52 32.64 32.64 0 0 0-30.72 0l-81.92 40.96V64a32 32 0 0 0-32-32z m-736 64h704V256a33.28 33.28 0 0 0 15.36 27.52 32.64 32.64 0 0 0 30.72 0l81.92-40.96v281.6l-81.92-40.96a32.64 32.64 0 0 0-30.72 0A33.28 33.28 0 0 0 800 512V672h-704zM384 224a33.92 33.92 0 0 0-15.36 3.84 32.64 32.64 0 0 0-16.64 28.16V512a32 32 0 0 0 49.92 26.88l192-128a32.64 32.64 0 0 0 0-53.76l-192-128a36.48 36.48 0 0 0-17.92-5.12z m32 228.48v-136.96L518.4 384z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="liuliang" unicode="&#59288;" d="M365.248 680.064c8 30.848 50.464 31.776 60.896 3.36l112.896-464.416 70.944 239.744c7.808 26.464 42.656 30.848 57.248 8.8l72.832-142.368H896v-64h-175.52a32 32 0 0 0-26.496 14.048l-45.408 88.448-81.92-276.928c-8.896-30.048-50.4-30.272-60.608-2.24l-110.912 456.16-66.432-255.552a32 32 0 0 0-27.36-23.744L128 261.184v64h144.96l92.288 354.88z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jiedian" unicode="&#59159;" d="M764.37 453.1c-16.21-0.73-29.93-13.15-29.93-29.93V216c0-13 0.34-26-1-38.9a155.89 155.89 0 0 0-8.47-31 142.71 142.71 0 0 0-9.65-17.73c-1.08-1.67-2.2-3.33-3.35-4.95-0.2-0.29-0.41-0.57-0.62-0.85-2.21-2.61-4.38-5.24-6.75-7.72s-5.15-5.15-7.89-7.55c-0.83-0.72-1.69-1.42-2.54-2.12-0.47-0.34-0.93-0.69-1.4-1a110.86 110.86 0 0 0-16.23-9.35 105.87 105.87 0 0 0-18.33-5c-6.59-0.55-13.18-0.46-19.8-0.46s-13.21-0.09-19.8 0.46a106 106 0 0 0-18.34 5 111 111 0 0 0-15.7 9l-0.42 0.29c-1.2 1-3.25 2.52-3.55 2.78q-4.38 3.78-8.38 8c-2.28 2.38-4.42 4.87-6.53 7.4l-0.45 0.63q-1.74 2.43-3.38 4.93a144.63 144.63 0 0 0-10 18.28 156.39 156.39 0 0 0-8.51 31.23c-1 9.81-1 19.59-1 29.44V383.4 429.17c0 14.32 0.06 28.65 0 43a140.31 140.31 0 0 1-41.51 99.08c-27.4 26.9-64.34 40.92-102.53 40.92-14.4 0-28.31-0.1-42.61-2.28a134.33 134.33 0 0 1-51.78-19.75c-32.79-21.13-57.5-55.71-63.24-94.7-2.51-17-2.11-33.79-2.11-50.93V319.3c0-15.66 13.77-30.66 29.94-29.94s29.93 13.16 29.93 29.94V459.11c0 8.06-0.15 16.09 0.58 24.11a112.19 112.19 0 0 0 5.39 19.64 110.59 110.59 0 0 0 8.22 14.64c0.72 1.09 1.47 2.14 2.23 3.2l0.08 0.09q3.33 4 7 7.65c2.37 2.36 4.86 4.6 7.43 6.74 1.21 0.85 2.42 1.71 3.66 2.53a113.09 113.09 0 0 0 14.75 8.21 117.92 117.92 0 0 0 21.05 5.75c7.19 0.65 14.38 0.61 21.62 0.61s14.43 0 21.62-0.61a117.92 117.92 0 0 0 21.05-5.75 113.09 113.09 0 0 0 14.75-8.21c1.24-0.82 2.45-1.68 3.66-2.53 2.57-2.14 5.06-4.38 7.43-6.74s4.79-5 7-7.65l0.08-0.09c0.76-1.06 1.51-2.11 2.23-3.2a110.59 110.59 0 0 0 8.22-14.64 112.75 112.75 0 0 0 5.39-19.61c0.63-7 0.58-14 0.58-21.06V319.3c0-0.53 0-1.06 0.05-1.59v-73.86c0-16.41-0.07-32.83 0-49.24 0.2-48.89 19.62-100.53 58.19-132.07 18.5-15.13 40.1-27.12 64-30.81 15.86-2.45 32-2.78 48.07-2.17 49.85 1.92 93.65 32.15 118.07 74.94 17.14 30 23.47 63.44 23.47 97.67v221c0 15.65-13.77 30.65-29.94 29.93zM404.29 148.64a180.63 180.63 0 0 0-1.61-23.47l1.07 8a173.67 173.67 0 0 0-11.75-42.6l3 7.15a172.48 172.48 0 0 0-15.28-28.27c-1.57-2.35-3.23-4.64-4.9-6.93-2.86-4 4.78 6 1.5 1.92-0.82-1-1.63-2-2.46-3-3.33-4-6.85-7.86-10.53-11.54s-7.54-7.2-11.55-10.53c-1-0.84-2-1.64-3-2.47-4.12-3.36 6.24 4.61 1.92 1.5-2.12-1.52-4.22-3.07-6.39-4.53a172.55 172.55 0 0 0-28.81-15.64l7.15 3a172.91 172.91 0 0 0-42.56-11.72l8 1.07a175.66 175.66 0 0 0-46.94 0l8-1.07a172.79 172.79 0 0 0-42.56 11.72l7.15-3a173.19 173.19 0 0 0-28.27 15.27c-2.36 1.58-4.64 3.24-6.93 4.9-4 2.87 6-4.78 1.92-1.5-1 0.82-2 1.63-3 2.47-4 3.33-7.86 6.85-11.54 10.53s-7.2 7.54-10.53 11.54c-0.84 1-1.65 2-2.47 3-3.36 4.12 4.61-6.24 1.5-1.92-1.53 2.12-3.07 4.22-4.53 6.39a171.83 171.83 0 0 0-15.64 28.81l3-7.15a173.67 173.67 0 0 0-11.72 42.56l1.07-8a176.49 176.49 0 0 0 0 46.94l-1.07-8a173.67 173.67 0 0 0 11.72 42.56l-3-7.15a172.43 172.43 0 0 0 15.27 28.27c1.58 2.35 3.24 4.64 4.9 6.93 2.87 4-4.78-6-1.5-1.92 0.82 1 1.63 2 2.47 3q5 6 10.53 11.55c3.68 3.68 7.54 7.2 11.54 10.53l3 2.47c4.12 3.36-6.24-4.61-1.92-1.5 2.12 1.52 4.22 3.07 6.38 4.53a172.65 172.65 0 0 0 28.82 15.64l-7.15-3a173.67 173.67 0 0 0 42.56 11.72l-8-1.07a175.66 175.66 0 0 0 46.94 0l-8 1.07a173.67 173.67 0 0 0 42.56-11.72l-7.15 3a172.89 172.89 0 0 0 28.27-15.28c2.35-1.57 4.64-3.23 6.93-4.89 3.95-2.87-6 4.77-1.92 1.5 1-0.83 2-1.64 3-2.47q6-5 11.55-10.53t10.53-11.55c0.83-1 1.64-2 2.46-3 3.36-4.12-4.6 6.24-1.5 1.92 1.53-2.12 3.07-4.22 4.54-6.39A173.28 173.28 0 0 0 395 199.48l-3 7.15a173.67 173.67 0 0 0 11.72-42.56l-1.07 8a180.63 180.63 0 0 0 1.61-23.47c0.09-15.6 13.74-30.6 29.97-29.9s30 13.16 29.93 29.94C464 189 451.81 230 428.11 262.87a206 206 0 0 1-96.92 73.86C255 364.78 163.55 340 112.12 277.2 85 244.13 69.06 205.22 65.6 162.55c-3.29-40.46 7.13-82.65 28.25-117.26 20.2-33.11 50.5-61.21 86-77.21 40-18 83.16-23.26 126.25-14.62 77.87 15.61 142.82 82.35 155 161a228.48 228.48 0 0 1 3.08 34.13c0.06 15.66-13.81 30.66-29.93 29.93-16.25-0.68-29.89-13.1-29.96-29.88zM899.13 619.06a180.63 180.63 0 0 0-1.61-23.47l1.07 8A173.59 173.59 0 0 0 886.87 561l3 7.15a172.08 172.08 0 0 0-15.28-28.27c-1.58-2.36-3.23-4.64-4.9-6.94-2.86-3.95 4.78 5.95 1.5 1.93-0.82-1-1.63-2-2.46-3q-5-6-10.53-11.54t-11.55-10.54c-1-0.83-2-1.64-3-2.46-4.12-3.36 6.24 4.6 1.92 1.5-2.12-1.53-4.22-3.07-6.39-4.54a173.28 173.28 0 0 0-28.81-15.64l7.15 3A173.79 173.79 0 0 0 775 479.9l8 1.07a176.49 176.49 0 0 0-47 0.03l8-1.07a173.67 173.67 0 0 0-42.56 11.72l7.15-3a172.83 172.83 0 0 0-28.27 15.28c-2.36 1.58-4.64 3.24-6.94 4.9-3.95 2.86 6-4.78 1.93-1.5-1 0.82-2 1.63-3 2.46a171.778 171.778 0 0 0-22.07 22.08c-0.84 1-1.65 2-2.47 3-3.36 4.12 4.61-6.24 1.5-1.93-1.53 2.13-3.07 4.23-4.53 6.39A171.53 171.53 0 0 0 629 568.14l3-7.15a173.59 173.59 0 0 0-11.72 42.55l1.07-8a176.42 176.42 0 0 0 0 46.93l-1.07-8A173.79 173.79 0 0 0 632 677.13l-3-7.13a172.53 172.53 0 0 0 15.27 28.28c1.58 2.35 3.24 4.63 4.9 6.93 2.87 3.95-4.78-6-1.5-1.92 0.82 1 1.63 2 2.47 3q5 6 10.53 11.54c3.68 3.69 7.54 7.2 11.54 10.54 1 0.83 2 1.64 3 2.46 4.12 3.36-6.24-4.6-1.93-1.5 2.13 1.53 4.23 3.07 6.39 4.54a173 173 0 0 0 28.82 15.64l-7.15-3a173.67 173.67 0 0 0 42.56 11.72l-8-1.07a176.49 176.49 0 0 0 46.94 0l-8 1.07a173.79 173.79 0 0 0 42.56-11.72l-7.15 3a172.89 172.89 0 0 0 28.27-15.28c2.35-1.58 4.64-3.24 6.93-4.9 4-2.86-5.95 4.78-1.92 1.5 1-0.82 2-1.63 3-2.46q6-5 11.55-10.54t10.53-11.54c0.83-1 1.64-2 2.46-3 3.36-4.12-4.6 6.23-1.5 1.92 1.53-2.12 3.07-4.23 4.54-6.39A173 173 0 0 0 889.89 670l-3 7.16a173.79 173.79 0 0 0 11.72-42.56l-1.07 8a180.47 180.47 0 0 0 1.61-23.46c0.06-15.66 13.72-30.66 29.94-29.94s30 13.16 29.93 29.94c-0.16 40.35-12.35 81.37-36 114.23A206.13 206.13 0 0 1 826 807.14c-76.15 28-167.65 3.28-219.07-59.52-27.08-33.07-43.06-72-46.52-114.65-3.29-40.46 7.13-82.65 28.25-117.26 20.2-33.11 50.5-61.22 86-77.21 40-18 83.16-23.26 126.25-14.63 77.87 15.62 142.82 82.36 155 161.06a228.48 228.48 0 0 1 3.09 34.13c0.06 15.66-13.81 30.65-29.93 29.93-16.28-0.73-29.87-13.15-29.94-29.93z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="neicun" unicode="&#58885;" d="M725.333333 725.333333v-192a64 64 0 0 0-64-64H362.666667a64 64 0 0 0-64 64V725.333333h426.666666m64 64H234.666667v-256a128 128 0 0 1 128-128h298.666666a128 128 0 0 1 128 128V789.333333zM597.333333 672m32 0l0 0q32 0 32-32l0-64q0-32-32-32l0 0q-32 0-32 32l0 64q0 32 32 32ZM768 725.333333a106.666667 106.666667 0 0 0 106.666667-106.666666v-469.333334a106.666667 106.666667 0 0 0-106.666667-106.666666H256a106.666667 106.666667 0 0 0-106.666667 106.666666V618.666667a106.666667 106.666667 0 0 0 106.666667 106.666666h512m0 64H256a170.666667 170.666667 0 0 1-170.666667-170.666666v-469.333334a170.666667 170.666667 0 0 1 170.666667-170.666666h512a170.666667 170.666667 0 0 1 170.666667 170.666666V618.666667a170.666667 170.666667 0 0 1-170.666667 170.666666z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>

src/assets/resetElementCss/index.scss

@@ -139,7 +139,9 @@
 	width: 100%!important;
 }
 /* 表格 */
-
+.el-table {
+	@include font-colr(tablecolor)
+}
 .el-table__body tr{
 	@include background_color(table_tr_bg)
 }

src/assets/scss/them.scss

@@ -24,6 +24,7 @@ $themes: (
         pages_color:#303133,
         input_color:#606266,
         label_color:#606266,
+        tablecolor:#606266,
         //背景
         background_color: #fff,
         header_background_color: #0069FF,
@@ -72,6 +73,7 @@ $themes: (
         pages_color:#3c87ed,
         input_color:#fff,
         label_color:#9b9b9b,
+        tablecolor:#fff,
         //背景
         setheader_bg:#0B1745,
         background_color: #1b2531,

src/main.js

@@ -10,7 +10,9 @@ import api from "./api/install";
 import log from "./api/log"
 import "./assets/css/public.css";
 import echarts from "echarts";
+import "./assets/icon/icon/iconfont.css";
 import "./assets/icon/icon3/iconfont.css";
+import "./assets/icon/icon4/iconfont.css";
 import "../src/assets/js/vporto";
 import { buildCode } from "../src/assets/js/buildcodes";
 import particles from "particles.js";

src/router/index.js

@@ -3,18 +3,16 @@ import VueRouter from "vue-router";
 
 Vue.use(VueRouter);
 
-export const constantRouterMap = [
-  {
+export const constantRouterMap = [{
     path: "/",
     name: "交通态势",
     component: resolve => require(["../views/Layout/index.vue"], resolve),
     redirect: "/login",
-    children: [
-      {
+    children: [{
         path: "/trficcshow",
-        name: "交通展示",
+        name: "状态展示",
         component: resolve =>
-          require(["../views/trafficShow/index.vue"], resolve)
+          require(["../views/deviceshow/index.vue"], resolve)
       },
       {
         path: "/behaviorshow",
@@ -39,7 +37,7 @@ export const constantRouterMap = [
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
     component: resolve => require(["../views/Show.vue"], resolve)
-  },{
+  }, {
     path: "/resetpass",
     name: "resetpassword",
     // route level code-splitting
@@ -48,16 +46,14 @@ export const constantRouterMap = [
     component: resolve => require(["../views/Resetpassword.vue"], resolve)
   },
 ];
-export const asyncRouterMap = [
-  {
+export const asyncRouterMap = [{
     path: "/video_task",
     name: "任务管理",
     component: resolve => require(["../views/Layout/index.vue"], resolve),
     meta: {
       icon: "icon-fanxing-iconxuanzhongrenwuguanli1"
     },
-    children: [
-      {
+    children: [{
         path: "/video_task/config",
         name: "场景设置",
         meta: {
@@ -84,8 +80,7 @@ export const asyncRouterMap = [
     meta: {
       icon: "icon-fanxing-iconxuanzhongzhinengjiansuo1"
     },
-    children: [
-      {
+    children: [{
         path: "/search/vehicle",
         name: "过车检索",
         meta: {
@@ -145,25 +140,24 @@ export const asyncRouterMap = [
       //          component: resolve => require(["../views/search/publicFlow.vue"], resolve),
       //       }
     ]
-  },{
+  }, {
     path: "/statement",
     name: "数据统计",
     component: resolve => require(["../views/Layout/index.vue"], resolve),
     meta: {
       icon: "icon-fanxing-iconxuanzhongziyuanguanli1"
     },
-    children: [
-      {
-        path: "/statement/base",
-        name: "基础统计",
-        component: resolve =>
-          require(["../views/statement/base.vue"], resolve)
-      },{
-        path: "/statement/area",
-        name: "区域排行",
-        component: resolve =>
-          require(["../views/statement/area.vue"], resolve)
-      }]
+    children: [{
+      path: "/statement/base",
+      name: "基础统计",
+      component: resolve =>
+        require(["../views/statement/base.vue"], resolve)
+    }, {
+      path: "/statement/area",
+      name: "区域排行",
+      component: resolve =>
+        require(["../views/statement/area.vue"], resolve)
+    }]
   },
   {
     path: "/resource",
@@ -172,8 +166,7 @@ export const asyncRouterMap = [
     meta: {
       icon: "icon-fanxing-iconxuanzhongziyuanguanli1"
     },
-    children: [
-      {
+    children: [{
         path: "/resource/video",
         name: "视频设备",
         meta: {
@@ -182,15 +175,15 @@ export const asyncRouterMap = [
         component: resolve =>
           require(["../views/resource/videoEquipment.vue"], resolve)
       },
-//       {
-//         path: "/resource/equipment",
-//         name: "分析设备",
-//         meta: {
-//           icon: "el-icon-location"
-//         },
-//         component: resolve =>
-//           require(["../views/resource/analysis.vue"], resolve)
-//       },
+      //       {
+      //         path: "/resource/equipment",
+      //         name: "分析设备",
+      //         meta: {
+      //           icon: "el-icon-location"
+      //         },
+      //         component: resolve =>
+      //           require(["../views/resource/analysis.vue"], resolve)
+      //       },
       {
         path: "/resource/store_confs",
         name: "存储配置",
@@ -236,8 +229,7 @@ export const asyncRouterMap = [
     meta: {
       icon: "icon-fanxing-iconxuanzhongxitongyunwei"
     },
-    children: [
-      {
+    children: [{
         path: "/ops/equipment_manage",
         name: "设备管理",
         meta: {
@@ -295,6 +287,88 @@ export const asyncRouterMap = [
         component: resolve => require(["../views/ops/capture_statistics.vue"], resolve)
       }
     ]
+  }, {
+    path: "/algoawre",
+    name: "算法仓库",
+    component: resolve => require(["../views/Layout/index.vue"], resolve),
+    meta: {
+      icon: "el-icon-s-grid"
+    },
+    children: [{
+      path: "/algoawre/algo_manage",
+      name: "算法总览",
+      meta: {
+        icon: "el-icon-location"
+      },
+      component: resolve =>
+        require(["../views/algowre/algo_manage"], resolve)
+    }, {
+      path: "/algoawre/algo_template",
+      name: "算法模板",
+      meta: {
+        icon: "el-icon-location"
+      },
+      component: resolve =>
+        require(["../views/algowre/algo_template"], resolve)
+    }, {
+      path: "/algoawre/plug",
+      name: "插件管理",
+      meta: {
+        icon: "el-icon-location"
+      },
+      component: resolve =>
+        require(["../views/algowre/plugMnaage"], resolve)
+    }]
+  }, {
+    path: "/images",
+    name: "容器管理",
+    component: resolve => require(["../views/Layout/index.vue"], resolve),
+    meta: {
+      icon: "el-icon-receiving"
+    },
+    children: [{
+      path: "/images/image",
+      name: "镜像管理",
+      meta: {
+        icon: "el-icon-location"
+      },
+      component: resolve =>
+        require(["../views/dockerimages/image"], resolve)
+    }, 
+    // {
+    //   path: "/images/imagesend",
+    //   name: "服务发布",
+    //   meta: {
+    //     icon: "el-icon-location"
+    //   },
+    //   component: resolve =>
+    //     require(["../views/dockerimages/imagesend"], resolve)
+    // }, 
+    {
+      path: "/images/servemanage",
+      name: "服务管理",
+      meta: {
+        icon: "el-icon-location"
+      },
+      component: resolve =>
+        require(["../views/dockerimages/serviecManage.vue"], resolve)
+    }, {
+      path: "/images/dockers",
+      name: "容器管理",
+      meta: {
+        icon: "el-icon-location"
+      },
+      component: resolve =>
+        require(["../views/dockerimages/dockers"], resolve)
+    }, {
+      path: "/images/status",
+      name: "容器状态",
+      meta: {
+        icon: "el-icon-location"
+      },
+      component: resolve =>
+        require(["../views/dockerimages/dockersstatus"], resolve)
+    }]
   }
 ];
 const router = new VueRouter({
@@ -303,4 +377,4 @@ const router = new VueRouter({
   routes: constantRouterMap
 });
 
-export default router;
+export default router;
\ No newline at end of file

src/views/Layout/index.vue

@@ -3,7 +3,7 @@
     <el-container class="home-box">
       <el-header class="headers">
         <!-- <img class="logoImg" src="../../assets/img/home/logo.png" alt="" /> -->
-        <span class="logotitle">{{headertitle}}</span>
+        <span class="logotitle">AI智能运算能力平台</span>
         <span
           :class="{
             'el-icon-s-fold': isopen,

src/views/Layout/menu.vue

@@ -8,16 +8,13 @@
       :unique-opened="true"
       wdth="116vw"
     >
-      <!-- <el-submenu index="1" class="menu-icon">
+    <!-- <el-submenu index="1" class="menu-icon">
         <template slot="title">
           <i class="icon-fanxing-iconxuanzhongshouye1"></i>
           <span slot="title">态势总览</span>
         </template>
         <el-menu-item index="/trficcshow">
-          <i class="submenuicon"></i>交通展示
-        </el-menu-item>
-        <el-menu-item index="/behaviorshow">
-          <i class="submenuicon"></i>综治展示
+          <i class="submenuicon"></i>状态展示
         </el-menu-item>
       </el-submenu> -->
       <el-submenu
@@ -110,6 +107,10 @@ export default {
 .menu-icon i{
   font-size 14px;
   padding-right:10px;
+  width auto
+}
+.el-submenu [class^=el-icon-] {
+  font-size 17px!important
 }
 .menu-icon .submenuicon{
   display inline-block;

src/views/Login.vue

@@ -20,7 +20,7 @@
     >
     </vue-particles> -->
     <div class="box">
-      <h1 class="title">{{logintitle}}</h1>
+      <h1>AI智能运算能力平台</h1>
       <div style="width: 60%;margin: 0 auto;">
         <el-form
           :model="ruleForm"

src/views/algowre/aback.js

+export let zongzhi = [{
+  sfname: '道路破损 ',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.1',
+  info:''
+}, {
+  sfname: '道路积水',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.1',
+  info:''
+}, {
+  sfname: '井盖异常 ',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.4.1',
+  info:''
+}, {
+  sfname: '无照经营游商',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车乱停放',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '机动车乱停乱放',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '黄土裸露',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '施工占道',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '工地不戴安全帽',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人群聚集',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '店外经营',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人员闯入',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车牌识别',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '河湖堤坝异常',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '暴露垃圾',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '积存垃圾渣土',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '危险品车辆',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '悬挂横幅标语',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '未戴口罩识别',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '烟火智能感知',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+
+export let jiaotong = [{
+  sfname: '闯红灯违法检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '不按导向行驶检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '压线检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车辆逆行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法占用公交车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法占用非机动车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非法停车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大货车禁行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '越线停车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '不礼让行人检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '路口滞留检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大弯小转检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '左转不让直行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '右转不让直行非机动车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法掉头检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '无牌车辆检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '限行抓拍检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '摩托车闯红灯检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '摩托车变道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '摩托车不带头盔检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车闯红灯检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车逆行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车占用机动车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车辆事故检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '拥堵事件检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '异常停车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '分车道流量统计功能',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '分检测类型流量统计功能',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '平均速度监测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车道时间占有率监测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '跨线变道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车头时距检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车牌识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车型识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车身颜色识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车标识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '危化车识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '渣土车识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '货车超限识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车辆运输车识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '不系安全带识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '开车打电话识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+
+export let shequ= [{
+  sfname: '人员尾随入户',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '电动车入户',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+export let renlian = [{
+  sfname: '活体检测算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸抓拍算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸比对算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸聚类算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+
+export let yuyi = [{
+  sfname: '分词与词性标注算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '实体抽取算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '文本分类算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大规模文本聚类算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大规模关键词快速匹配算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '情感分析算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '数据去噪算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '相似文本检索算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '文本自动摘要算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '敏感信息识别算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '联想词算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '重要传播节点识别算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '在线社区发现算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+export let wenben = []
\ No newline at end of file

src/views/algowre/addTpl.vue

+<template>
+  <div class="add-template">
+    <el-dialog title="新建算法模板" :visible.sync="dialogVisable" class="detail-modal" width="65%">
+      <div class="tpl-tbody">
+        <ul class="input-warp">
+          <li hidden>
+            <span>业务类型</span>
+            <span>
+              <el-select
+                v-model="tplType"
+                placeholder="业务类型"
+                class="algo-header-left"
+                @change="typeChangeHandle"
+              >
+                <el-option value="jiaotong" label="交通算法"></el-option>
+                <el-option value="zongzhi" label="城市综合治理算法"></el-option>
+                <el-option value="shequ" label="社区管理算法"></el-option>
+                <el-option value="renlian" label="人脸识别算法"></el-option>
+                <el-option value="yuyi" label="语义分析算法"></el-option>
+                <el-option value="wenben" label="文本识别算法"></el-option>
+              </el-select>
+            </span>
+          </li>
+          <li>
+            <span>模板名称</span>
+            <span>
+              <el-input v-model="tplName" placeholder="请输入模板名称"></el-input>
+            </span>
+          </li>
+        </ul>
+        <!-- <div class="tpl-group-warp">
+                    <h5>算法库</h5>
+                    <ul class="tpl-group">
+                        <li v-for="(item, index) in algoBase" :key="index">
+                            <div class="algo-item scrollbar" @click="algoClickHandle">
+                                <span v-for="(algoItem, algoIndex) in item.list" :key="algoIndex" :title="algoItem.algid">{{ algoItem.algid }}</span>
+                            </div>
+                            <p>
+                                <i>{{ item.name }}</i>
+                                <b></b>
+                            </p>
+                        </li>
+                    </ul>
+        </div>-->
+
+        <div class="tpl-group-warp">
+          <ul class>
+            <li class="selitem">
+              <el-select v-model="bp1" placeholder="视频检测算法" filterable @change="showsfmodal('bp1')">
+                <el-option value="spsf" label="视频检测算法">视频检测算法</el-option>
+                <el-option value="sbsf" label="图像识别算法">图像识别算法</el-option>
+                <el-option value="xwsf" label="行为分析算法">行为分析算法</el-option>
+                <el-option value="yysf" label="应用算分">应用算分</el-option>
+              </el-select>
+            </li>
+            <li>
+              <i class="el-icon-d-arrow-right"></i>
+            </li>
+            <li class="selitem">
+              <el-select v-model="bp2" placeholder="图像识别算法" filterable @change="showsfmodal('bp2')">
+                <el-option value="spsf" label="视频检测算法">视频检测算法</el-option>
+                <el-option value="sbsf" label="图像识别算法">图像识别算法</el-option>
+                <el-option value="xwsf" label="行为分析算法">行为分析算法</el-option>
+                <el-option value="yysf" label="应用算分">应用算分</el-option>
+              </el-select>
+            </li>
+            <li>
+              <i class="el-icon-d-arrow-right"></i>
+            </li>
+            <li class="selitem">
+              <el-select v-model="bp3" placeholder="行为分析算法" filterable @change="showsfmodal('bp3')">
+                <el-option value="spsf" label="视频检测算法">视频检测算法</el-option>
+                <el-option value="sbsf" label="图像识别算法">图像识别算法</el-option>
+                <el-option value="xwsf" label="行为分析算法">行为分析算法</el-option>
+                <el-option value="yysf" label="应用算分">应用算分</el-option>
+              </el-select>
+            </li>
+            <li>
+              <i class="el-icon-d-arrow-right"></i>
+            </li>
+            <li class="selitem">
+              <el-select v-model="bp4" placeholder="应用算法" filterable @change="showsfmodal('bp4')">
+                <el-option value="spsf" label="视频检测算法">视频检测算法</el-option>
+                <el-option value="sbsf" label="图像识别算法">图像识别算法</el-option>
+                <el-option value="xwsf" label="行为分析算法">行为分析算法</el-option>
+                <el-option value="yysf" label="应用算分">应用算分</el-option>
+              </el-select>
+            </li>
+          </ul>
+        </div>
+        <div class="sfcontentbox">
+          <div class="item">
+            <div v-for="(item,index) in sfmodal1" :key="index" class="sfflitem">{{item}}</div>
+          </div>
+          <div class="item">
+            <div v-for="(item,index) in sfmodal2" :key="index" class="sfflitem">{{item}}</div>
+          </div>
+          <div class="item">
+            <div v-for="(item,index) in sfmodal3" :key="index" class="sfflitem">{{item}}</div>
+          </div>
+          <div class="item">
+            <div v-for="(item,index) in sfmodal4" :key="index" class="sfflitem">{{item}}</div>
+          </div>
+        </div>
+        <!-- /tpl-group-warp -->
+      </div>
+      <!-- /tpl-tbody -->
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="hideModal">关 闭</el-button>
+        <el-button type="primary" @click="saveTpl">保 存</el-button>
+      </span>
+      <el-dialog width="40%" :title="sftitle" :visible.sync="innerVisible" append-to-body>
+        <div class="sfxzbox">
+          <div class="title">镜像算法</div>
+          <div class="jxbox">
+            <div>
+                  <div v-for="(zimte,zindex) in zmfl" :key="zindex" class="flbox">
+                    <div class="lesm">{{zimte}}</div>
+                      <el-checkbox-group v-model="checkList">
+                        <el-col :span="8"  v-for="(item,index) in sfzl"   :key="index">    
+                        <el-checkbox
+                        :value="item.sfname"
+                        :label="item.sfname"
+                        v-if="item.sfly =='vionimage' && item.szm == zimte"
+                        ></el-checkbox>
+                      </el-col>
+                    </el-checkbox-group>
+                </div>
+            </div>
+          </div>
+          <div class="title">插件算法</div>
+          <div class="cjbox">
+            <el-checkbox-group v-model="checkList">
+                <el-col :span="4"  v-for="(item,index) in sfzl" :key="index">
+                    <el-checkbox
+                        :value="item.sfname"
+                        :label="item.sfname"
+                        v-if="item.sfly !='vionimage'"
+                    ></el-checkbox>
+                </el-col>
+            </el-checkbox-group>
+          </div>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="hideSFModal">关 闭</el-button>
+          <el-button type="primary" @click="saveSF">确 定</el-button>
+        </span>
+      </el-dialog>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {zongzhi,jiaotong,shequ,renlian,yuyi,wenben} from './algotype'
+export default {
+  data() {
+    return {
+      dialogVisable: false,
+      hasDialog: true,
+      innerVisible: false,
+      sftitle: "",
+      tplType: "",
+      bp1: "",
+      bp2: "",
+      bp3: "",
+      bp4: "",
+      sfmodal1: [],
+      sfmodal2: [],
+      sfmodal3: [],
+      sfmodal4: [],
+      algoFileType: "traffic",
+      tplName: "",
+      curmodel: [],
+      checkList: [],
+      sfzl: [],
+      spjcsf:[],
+      txsbsf:[],
+      // zmfl:["A","B","C","D","E","F","G","H","I","J","k","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"]
+      zmfl:["B","C","D","F","G","H","J","L","M","P","R","S","W","X","Y","Z"]
+    };
+  },
+  methods: {
+    tplInit: function(tpl_type) {
+      this.dialogVisable = true;
+      let flag = this.tplType === tpl_type;
+      this.tplType = tpl_type;
+      this.algoFileType = "traffic";
+    },
+    editInit(data){
+        this.dialogVisable = true;
+        this.bp1=data.bp1;
+        this.bp2 = data.bp2;
+        this.bp3 = data.bp3;
+        this.bp4 =data.bp4;
+        this.sfmodal1 = data.sfmodal1;
+        this.sfmodal2 = data.sfmodal2;
+        this.sfmodal3 = data.sfmodal3;
+        this.sfmodal4 = data.sfmodal4;
+        console.log(data)
+    },
+    typeChangeHandle() {},
+    showsfmodal(val) {
+      let obj = {
+        spsf: "视频检测算法",
+        sbsf: "识别算法",
+        xwsf: "行为算法",
+        yysf: "应用算法"
+      };
+      this.curmodel = val;
+      this.innerVisible = true;
+      this.checkList = [];
+      if (val == "bp1") {
+        this.sftitle = obj[this.bp1];
+        this.cursf = this.bp1;
+      }
+      if (val == "bp2") {
+        this.sftitle = obj[this.bp2];
+        this.cursf = this.bp2;
+      }
+      if (val == "bp3") {
+        this.sftitle = obj[this.bp3];
+        this.cursf = this.bp3;
+      }
+      if (val == "bp4") {
+        this.sftitle = obj[this.bp4];
+        this.cursf = this.bp4;
+      }
+      if (this.cursf == "spsf") {
+        this.sfzl = this.spjcsf;
+        this.zmfl = ["B","C","D","F","G","H","J","L","M","P","R","S","W","X","Y","Z"]
+      }
+      if (this.cursf == "sbsf") {
+        this.sfzl = this.txsbsf;
+        this.zmfl =  ["B","C","H","R","W","Z"]
+      }
+      if (this.cursf == "xwsf") {
+        this.sfzl = [];
+      }
+      if (this.cursf == "yysf") {
+        this.sfzl = [];
+      }
+    },
+    hideModal() {
+      this.dialogVisable = false;
+    },
+    hideSFModal() {
+      this.innerVisible = false;
+    },
+    saveTpl() {
+      if (this.tplName != "") {
+        this.dialogVisable = false;
+        let data = {
+          tplname: this.tplName,
+          create_dt: this.$moment().format("YYYY-MM-DD HH:mm:ss"),
+          tid: new Date().getTime(),
+          sfmodal1: this.sfmodal1,
+          sfmodal2: this.sfmodal2,
+          sfmodal3: this.sfmodal3,
+          sfmodal4: this.sfmodal4,
+          bp1:this.bp1,
+          bp2:this.bp2,
+          bp3: this.bp3,
+          bp4: this.bp4
+        };
+        debugger;
+        let tplData = localStorage.getItem("tplData");
+        if (tplData) {
+          tplData = JSON.parse(tplData);
+          tplData.push(data);
+          localStorage.setItem("tplData", JSON.stringify(tplData));
+        } else {
+          var e = [];
+          e.push(data);
+          localStorage.setItem("tplData", JSON.stringify(e));
+        }
+        setTimeout(() => {
+          this.$emit("refresh");
+        }, 300);
+      } else {
+        this.$message({
+          message: "模板名称不能为空！",
+          type: "error"
+        });
+      }
+    },
+    saveSF() {
+      this.innerVisible = false;
+      if (this.curmodel == "bp1") this.sfmodal1 = this.checkList;
+      if (this.curmodel == "bp2") this.sfmodal2 = this.checkList;
+      if (this.curmodel == "bp3") this.sfmodal3 = this.checkList;
+      if (this.curmodel == "bp4") this.sfmodal4 = this.checkList;
+    }
+  },
+  created(){
+    var jt = JSON.parse(JSON.stringify(jiaotong));
+		var zz = JSON.parse(JSON.stringify(zongzhi));
+		var sq = JSON.parse(JSON.stringify(shequ));
+		var rl =  JSON.parse(JSON.stringify(renlian));
+		var wb =  JSON.parse(JSON.stringify(wenben));
+        var yy = JSON.parse(JSON.stringify(yuyi));
+        var t = [];
+        var tData = localStorage.getItem("plugData")?localStorage.getItem("plugData"):"[]";
+         var p = JSON.parse(tData)
+        t = t.concat(jt,zz,sq,rl,wb,yy,p);
+        t.map(ele => {
+         if(ele.sflb == "视频检测算法") {
+             this.spjcsf.push(ele);
+            
+         }
+         if(ele.sflb == "图像识别算法") {
+             this.txsbsf.push(ele);
+            
+         }
+        })
+        
+  }
+};
+</script>
+<style lang="stylus" scoped>
+.detail-modal {
+  width: 100%;
+}
+
+.tpl-tbody {
+  position: relative;
+  overflow: hidden;
+}
+
+.input-warp {
+  overflow: hidden;
+}
+
+.input-warp li {
+  float: left;
+  width: 33%;
+  height: 36px;
+  line-height: 36px;
+  overflow: hidden;
+}
+
+.input-warp li span {
+  float: left;
+  padding-right: 2%;
+}
+
+.input-warp li span:last-child {
+  padding-right: 0;
+}
+
+.tpl-group-warp {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+
+.tpl-group-warp ul {
+  display: flex;
+  margin-top: 10px;
+}
+
+.tpl-group-warp ul li {
+  list-style: none;
+  width: 93px;
+  text-align: center;
+  line-height: 30px;
+}
+
+.tpl-group-warp ul .selitem {
+  width: 200px;
+  list-style: none;
+}
+
+.sfcontentbox {
+  display: flex;
+  margin-top: 10px;
+
+  .item {
+    width: 197px;
+    height: 300px;
+    margin-right: 100px;
+    border: 1px solid #c0c0c0;
+    border-radius: 10px;
+    overflow auto;
+  }
+}
+
+.sfxzbox {
+  height 400px;
+  overflow auto
+  .title {
+    width: 90px;
+    font-size: 16px;
+    border-bottom: 2px solid #acabab;
+    padding: 0 0 5px 5px;
+    margin-bottom: 10px;
+  }
+}
+
+.jxbox {
+  margin-bottom: 30px;
+}
+
+.cjbox {
+  margin-top: 10px;
+}
+
+.sfflitem {
+  width: 130px;
+  margin: 10px auto;
+  padding: 5px 10px;
+  text-align: center;
+  border: 1px solid #ccc;
+}
+.flbox{
+  overflow hidden
+}
+.lesm{
+  height 30px
+  line-height 30px
+  background #f0f0f0
+  padding-left 1px
+}
+</style>

src/views/algowre/algo_manage.vue

+<template>
+  <div class="innnerBox">
+    <div class="algobox">
+      <el-row>
+        <el-col :span="8" class="itembox" >
+          <el-card shadow="always" class="sfbox">
+            <div class="sfboxcontent"  @click="showsfdetail(1,'交通算法')">
+              <div class="left-icon">
+                <i class="icon-fanxing-teshucheliangzongliang"></i>
+              </div>
+              <div class="right-content">
+                <div class="sflx">交通算法</div>
+                <div class="sfzl">算法种类 {{jiaotong.length}}</div>
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="8" class="itembox">
+          <el-card shadow="always" class="sfbox">
+            <div class="sfboxcontent"  @click="showsfdetail(2,'城市综合治理算法')">
+              <div class="left-icon">
+                <i class="icon-fanxing-shanchu2"></i>
+              </div>
+              <div class="right-content">
+                <div class="sflx">城市综合治理算法</div>
+                <div class="sfzl">算法种类  {{zongzhi.length}}</div>
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="8" class="itembox" >
+          <el-card shadow="always" class="sfbox">
+            <div class="sfboxcontent"  @click="showsfdetail(3,'社区管理算法')">
+              <div class="left-icon">
+                <i class="el-icon-s-flag"></i>
+              </div>
+              <div class="right-content">
+                <div class="sflx">社区管理算法</div>
+                <div class="sfzl">算法种类  {{shequ.length}}</div>
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="8" class="itembox">
+          <el-card shadow="always" class="sfbox">
+            <div class="sfboxcontent"  @click="showsfdetail(4,'人脸识别算法')">
+              <div class="left-icon">
+                <i class="el-icon-user"></i>
+              </div>
+              <div class="right-content">
+                <div class="sflx">人脸识别算法</div>
+                <div class="sfzl">算法种类  {{renlian.length}}</div>
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="8" class="itembox">
+          <el-card shadow="always" class="sfbox" >
+            <div class="sfboxcontent" @click="showsfdetail(5,'语义分析算法')">
+              <div class="left-icon">
+                <i class="el-icon-question"></i>
+              </div>
+              <div class="right-content">
+                <div class="sflx">语义分析算法</div>
+                <div class="sfzl">算法种类 {{yuyi.length}}</div>
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="8" class="itembox">
+          <el-card shadow="always" class="sfbox">
+            <div class="sfboxcontent"  @click="showsfdetail(6,'文本识别算法')">
+              <div class="left-icon">
+                <i class="el-icon-s-claim"></i>
+              </div>
+              <div class="right-content">
+                <div class="sflx">文本识别算法</div>
+                <div class="sfzl">算法种类  {{wenben.length}}</div>
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
+    </div>
+    <el-dialog :title="title" :visible.sync="isShow" width="80%" class="add-algomanage-box">
+			<div class="detailtable">
+				 <el-table
+						:data="tableData"
+						height="500px"
+						style="width: 100%">
+						<el-table-column
+							prop="sfname"
+							label="算法名称"
+						>
+						</el-table-column>
+						<el-table-column
+							prop="sflb"
+							label="算法类别">
+						</el-table-column>
+						<el-table-column
+							prop="sfly"
+							label="来源">
+						</el-table-column>
+						<el-table-column
+							prop="yjzc"
+							label="硬件支持">
+						</el-table-column>
+						<el-table-column
+							prop="cj"
+							label="厂家">
+						</el-table-column>
+						<el-table-column
+							prop="fbsj"
+							label="发布时间">
+						</el-table-column>
+						<el-table-column
+							prop="bbh"
+							label="版本号">
+						</el-table-column>
+						<el-table-column
+							prop="info"
+							label="其他信息">
+						</el-table-column>
+					</el-table>
+			</div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="isShow = false">取 消</el-button>
+        <el-button type="primary" @click="isShow = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {zongzhi,jiaotong,shequ,renlian,yuyi,wenben} from './algotype'
+export default {
+  data() {
+    return {
+      tableData: [],
+      isShow: false,
+			details: [],
+			title:'',
+			jiaotong:[],
+			zongzhi:[],
+			renlian:[],
+			shequ:[],
+			yuyi:[],
+			wenben:[]
+    };
+  },
+  methods: {
+		showsfdetail(index,title){
+			this.title = title;
+			this.isShow = true;
+
+			switch (index) {
+				case 1:
+					this.tableData = this.jiaotong
+					break;
+				case 2:
+					this.tableData = this.zongzhi
+					break;
+				case 3:
+					this.tableData = this.shequ
+					break;
+				case 4:
+					this.tableData = this.renlian
+					break;
+				case 5:
+					this.tableData = this.yuyi
+					break;
+				case 6:
+					this.tableData = this.wenben
+					break;
+				default:
+					break;
+			}
+		}
+	},
+	destroyed() {
+			this.zongzhi = []
+	},
+  created() {
+
+		//jiaotong
+		this.jiaotong = JSON.parse(JSON.stringify(jiaotong));
+		this.zongzhi = JSON.parse(JSON.stringify(zongzhi));
+		this.shequ = JSON.parse(JSON.stringify(shequ));
+		this.renlian =  JSON.parse(JSON.stringify(renlian));
+		this.wenben =  JSON.parse(JSON.stringify(wenben));
+		this.yuyi = JSON.parse(JSON.stringify(yuyi));
+		var plugData = JSON.parse(localStorage.getItem("plugData")?localStorage.getItem("plugData"):'[]');
+		plugData.map(ele=> {
+			if(ele.algotype == 'jiaotong'){
+				this.jiaotong.push(ele);
+			}
+			if(ele.algotype == 'zongzhi'){
+					this.zongzhi.push(ele);
+			}
+			if(ele.algotype == 'shequ'){
+					this.shequ.push(ele);
+			}
+			if(ele.algotype == 'renlian'){
+					this.renlian.push(ele);
+			}
+			if(ele.algotype == 'yuyi'){
+					this.yuyi.push(ele);
+			}
+			if(ele.algotype == 'wenben'){
+				 this.wenben.push(ele);
+			}
+		})
+  }
+};
+</script>
+<style lang="stylus" scoped>
+.itembox {
+  padding: 40px 0px;
+}
+
+.algobox {
+  min-height: 800px;
+}
+
+.sfbox {
+  height: 180px;
+  width: 400px;
+  margin: 0 auto;
+  display: flex;
+	cursor pointer
+}
+.sfboxcontent{
+	display flex
+}
+
+.left-icon {
+  line-height: 130px;
+	padding-left 40px;
+  i {
+    font-size: 40px;
+		color #1890ff
+  }
+}
+.right-content{
+	font-size 20px
+	margin-left 70px
+	.sflx{
+		margin-top 30px
+		font-size 24px
+	}
+	.sfzl{
+		margin-top 20px
+		color #696c70
+	}
+}
+</style>

src/views/algowre/algo_manage_back.vue

+<template>
+  <div class="innnerBox">
+    <el-col :span="22">
+      <el-form ref="form" label-width="80px" inline>
+				 <el-form-item label="算法类型">
+          <span class="selectBox">
+						 <el-select v-model="algoSet" placeholder="请选择算法类型" @change="refreshAlgo" class="algo-header-left">
+							<el-option value="picture" label="图片算法"></el-option>
+							<el-option value="video" label="视频算法"></el-option>
+						</el-select>
+          </span>
+        </el-form-item>
+      </el-form>
+    </el-col>
+		 <el-col :span="2">
+				<el-button class="" type="primary" @click="addalgomanage">添加</el-button>
+        <el-button class="mt10" @click="refreshAlgo">刷新</el-button>
+    </el-col>
+    <div class="table-box mt10" >
+      <el-table :data="tableData" tooltip-effect="dark" ref="multipleTable" height="700" style="width: 100%"  @selection-change="handleSelectionChange" v-loading="loading">
+        <el-table-column type="index" width="55">
+        </el-table-column>
+        <el-table-column prop="refid" align="center" label="算法编号">
+        </el-table-column>
+        <el-table-column prop="algid" align="center" label="算法名称">
+        </el-table-column>
+        <el-table-column prop="address" align="center" label="算法包类型">
+          <template slot-scope="scope">
+            <div>
+              {{filterAlgoName(scope.row.cate) ? filterAlgoName(scope.row.cate) : '无'}}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="上传时间">
+          <template slot-scope="scope">
+            <div>
+              {{scope.row.upload_dt ? scope.row.upload_dt : '无'}}
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+          <!-- <el-pagination class="fr mt10" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          :current-page="search.currentPage" :page-sizes="[20,100, 200, 300, 400]" :page-size="search.size"
+          layout="total, sizes, prev, pager, next, jumper" :total="search.total">
+        </el-pagination> -->
+				  <div style="margin-top: 28px;">
+        <el-pagination
+          style="float: right;"
+          background
+          prev-text="上一页"
+          next-text="下一页"
+          :page-sizes="[30, 50, 100, 200]"
+          layout="total, prev, pager, next,sizes, jumper"
+          :current-page="search.currentPage"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :total="search.total"
+        >
+        </el-pagination>
+        <div style="clear: both;"></div>
+      </div>
+      </div>
+    </div>
+    <div>
+    <el-dialog title="添加算法" :visible.sync="isShow" width="30%" class="add-algomanage-box">
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">算法类型:</el-col>
+          <el-col :span="10">
+            <el-select v-model="algoType" placeholder="请选择算法类型" @change="refreshAlgo" class="algo-header-left">
+              <el-option value="picture_algo" label="图片算法"></el-option>
+              <el-option value="video_algo" label="视频算法"></el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">算法包:</el-col>
+          <el-col :span="10">
+            <el-input v-model="filename"></el-input>
+            <input type="file" hidden @change="setfile" ref="upload" id="algo_file">
+          </el-col>
+          <el-col :span="4">
+            <el-button @click="searchfile">浏览</el-button>
+          </el-col>
+        </el-col>
+        <el-col :span="24">
+          <div class="algo-group algo-progress-bar" v-if="progress_status">
+            <span class="progress-text">上传进度</span>
+            <div class="graph">
+              <strong id="algoBar"></strong>
+            </div>
+          </div>
+        </el-col>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="isShow = false">取 消</el-button>
+          <el-button type="primary" @click="addAlgo">确 定</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        algoSet: 'picture',
+        addalgoSet:'video',
+        progress_status:false,
+        algoType:'picture_algo',
+        tableData: [],
+        filename:'',
+        isShow: false,
+        details: [],
+        fileList:[],
+        fileIds:'',
+        search:{
+          size:20,
+          limit:20,
+          offset:0,
+          currentPage:0,
+          total:0
+        }
+      }
+    },
+    methods: {
+      handlePreview(){},
+      submitUpload() {
+        this.$refs.upload.submit();
+      },
+      searchfile(){
+        this.$refs.upload.click()
+      },
+      setfile(e){
+        try {
+          this.filename = event.target.files[0].name;
+          this.fileIds = this.randomChar(32);
+        }catch(err){
+           this.filename = '';
+        }
+        if(this.filename !== '') {
+          let algoFileExt = this.filename.slice(-7);
+					if(algoFileExt !== ".tar.gz") {
+						this.filename = "";
+						this.$message({
+							type: 'warning',
+							message: '目前只支持"*.tar.gz"文件'
+						})
+					}
+        }
+      },
+      randomChar: function (l) {
+				var x = "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+				var tmp = "";
+			 	for(var i=0;i< l;i++) {
+			 		tmp += x.charAt(Math.ceil(Math.random() * 100000000) % x.length);
+			 	}
+			 	return tmp;
+			},
+      addalgomanage(){
+        this.isShow = true;
+      },
+      addAlgo(){
+        this.progress_status = true
+        var formData = new FormData();
+				formData.append('list[0].file', document.getElementById('algo_file').files[0]);
+				formData.append('list[0].file_type', this.algoType);
+				let formConf = {
+					headers: {
+						'content-type': 'multipart/form-data',
+						'authorization': window.localStorage.getItem('atoken')
+					},
+					onUploadProgress: progressEvent => {
+						var complete = (progressEvent.loaded / progressEvent.total * 100 | 0) + '%';
+						$('#algoBar').css({
+							width: complete
+						}).text(complete)
+					}
+				};
+        let algoUrl = this.$api.baseurl + '/api/v1/devconf_fx/devs/'+ this.dev_unid +'/fx_devs/upfile?file_id=' + this.fileIds;
+				this.axios.post(algoUrl, formData, formConf).then(res => {
+					if(res.data.ecode != undefined && res.data.ecode != 200) {
+						this.$message({
+							type: 'error',
+							message: '添加算法失败!' + res.data.enote
+						})
+						this.algoFileName = "";
+						document.getElementById('algo_file').value = '';
+					} else {
+						// setTimeout(() => {
+							this.algoFileShow = false;
+							this.modalShow = false;
+							this.progress_status = false;
+							this.httpSending = 0;
+							$('#algoBar').css({
+								width: '0'
+							})
+							this.getData(1);
+							this.$message({
+								type: 'success',
+								message: '添加算法成功!'
+							})
+						// },2000);
+					}
+				}).catch(err => {
+					console.log(err);
+				})
+      },
+      handleSelectionChange(){
+        this.refreshAlgo();
+      },
+      refreshAlgo() {
+        this.getData();
+        this.search.offset = 0;
+        this.search.currentPage = 1;
+      },
+      getData() {
+        this.loading = true
+        this.$api.device.algos(this.dev_unid, 
+          {
+            offset: this.search.offset,
+            limit: this.search.limit,
+            algo_set: this.algoSet
+        }).then(m => {
+          this.tableData = m.list_data;
+          this.search.total = m.total_num
+          this.loading = false
+        })
+      },
+      handleSizeChange(val){
+        this.search.limit = val
+        this.getData()
+      },
+      handleCurrentChange(val){
+        this.search.currentPage = val;
+        this.search.offset = (val-1)*this.search.size
+        this.getData()
+      },
+      filterAlgoName: function (str) {
+				var zhType = '';
+				switch (str) {
+					case 'traffic':
+						zhType ='交通';
+						break;
+					case 'Safety':
+						zhType ='安防';
+						break;
+					case 'FlowCount':
+						zhType ='客流';
+						break;
+					default:
+						break;
+				}
+				return zhType;
+			}
+    },
+    created() {
+      this.getData()
+    },
+  }
+
+</script>
+<style lang="stylus" scoped>
+.algo_manage{
+		width:100%
+	}
+
+	.algo_manage_header{
+		background-color: rgba(23,39,68,.7);
+		margin: 0 10px 5px;
+		border-radius: 3px;
+		font-size: 18px;
+		padding: 0 5%;
+		height: 46px;
+		line-height: 46px;
+		position: relative;
+		z-index: 50;
+		overflow: hidden;
+	}
+
+	.algo-header-left {
+		float: left;
+	}
+
+	.algo-header-right {
+		float: right;
+		padding-right: 5%;
+		box-sizing: border-box;
+	}
+
+	.algo-header-right button{
+		width: 80px;
+		margin-left: 0.5%;
+		line-height: 35px;
+	}
+	#program_path {
+		font-size: 14px
+	}
+	/**
+	 * 复选框
+	 */
+	.algo-table label span{
+	    display: inline-block;
+	    width: 15px;
+	    height: 15px;
+	    border: 1px solid #fff;
+	    border-radius: 2px;
+	}
+
+	.algo-table li label span.active {
+		background: #2194ef;
+	    border: none;
+	}
+
+	/*表格样式*/
+	.algo-table {
+		position: relative;
+		z-index: 50;
+	}
+
+	.algo-thead {
+		border-left: 4px solid rgba(12,21,48,.8);
+	}
+
+	.algo-table li {
+		 width: 22%;		/* 18% */
+		overflow: hidden;
+	}
+
+	.algo-table li:first-child {
+		width: 8%;
+	}
+
+	.algo-table li:last-child {
+		width: 26%;		/* 20% */
+	}
+
+	.algo-table li:last-child button {
+		width: 31%;
+		line-height: 35px;
+	}
+
+	/*模态框*/
+	.modal-title .title {
+		font-size: 18px;
+	}
+
+	.modal-body {
+		position: relative;
+		padding-right: 90px;
+		padding-bottom: 20px;
+	}
+
+	.algo-group {
+		height: 56px;
+		line-height: 45px;
+		font-size: 18px;
+		text-align: left;
+		margin-left: 10%
+	}
+	label {
+		font-size: 16px
+	}
+
+	.algo-group label:first-child {
+		width: 94px;
+		padding-right: 5px;
+		line-height: 40px;
+	}
+
+	.algo-group label:last-child {
+		 /* width: 22%;  */
+		padding: 0 10px;
+	    height: 30px;
+	    line-height: 30px;
+		margin-left: 10px;
+		background: linear-gradient(to bottom, #359CED, #225D8C);
+		border: 1px solid #65B4F3;
+	    border-radius: 5px;
+		position: absolute;
+		/* right: 106px;  */
+	    margin-bottom: 0px;
+	    margin-top: 7px;
+		font-size: 15px;
+	}
+
+	/* #algo_file {
+		position: absolute;
+		left: 0;
+		top: 0;
+	} */
+
+	.algo-type {
+		width: 54%;
+	}
+
+	.algo-group .program-path {
+		width: 54% !important;
+	}
+
+	/**
+	 * 进度条
+	 */
+	div.algo-progress-bar {
+		/* padding-left: 31.8%; */
+		/* position: relative; */
+		/* height: 26px; */
+		height: 56px;
+		line-height: 45px;
+		/* line-height: 26px; */
+	}
+
+	/* div.algo-progress-bar:before {
+		content: "上传进度";
+		display: block;
+		position: absolute;
+		left: 14%;
+	} */
+
+	.progress-text {
+		font-size: 16px;
+		display: inline-block;
+		width: 94px;
+		padding-right: 5px;
+		line-height: 40px;
+	}
+
+	.graph {
+	    height: 26px;
+		width: 54%;
+		display: inline-block;
+	    border-radius: 4px;
+	    overflow: hidden;
+		position: relative;
+		top: 8px;
+	}
+
+	#algoBar {
+	    display: block;
+	    background: #4cb050;
+	    float: left;
+	    height: 100%;
+	    text-align: center;
+		  line-height: 26px;
+	}
+
+	.algo-modal-footer button {
+		height: 40px;
+		line-height: 36px;
+		 width: 10%;
+	}
+
+	.list_page {
+		z-index: 51;
+	}
+
+	/*禁用选中文字*/
+	*.unselectable {
+		-moz-user-select: -moz-none;
+		-webkit-user-select: none;
+		-ms-user-select: none;
+		user-select: none;
+	}
+</style>

src/views/algowre/algo_tem[late_back.vue

+<template>
+    <div class="innnerBox">
+    <el-col :span="22">
+      <el-form ref="form" label-width="80px" inline>
+				 <el-form-item label="模板类型">
+          <span class="selectBox">
+          <el-select v-model="algoSet" placeholder="请选择算法类型" @change="refreshAlgo" class="algo-header-left">
+            <el-option value="picture" label="图片模板"></el-option>
+            <el-option value="video" label="视频模板"></el-option>
+          </el-select>
+          </span>
+        </el-form-item>
+      </el-form>
+    </el-col>
+		 <el-col :span="2">
+				<el-button class="" type="primary" @click="createTpl">添加</el-button>
+        <el-button class="mt10" @click="refreshAlgo">刷新</el-button>
+    </el-col>
+    <div class="table-box mt10" >
+      <el-table :data="tableData" tooltip-effect="dark" ref="multipleTable" height="700" style="width: 100%"  @selection-change="handleSelectionChange" v-loading="loading">
+        <el-table-column type="index" width="55">
+        </el-table-column>
+        <el-table-column prop="unid" align="center" label="模板编号">
+        </el-table-column>
+        <el-table-column prop="name" align="center" label="模板编号">
+        </el-table-column>
+        <el-table-column align="center" label="模板类型">
+          <template slot-scope="scope">
+            <div>
+              {{filterAlgoName(scope.row.cate) ? filterAlgoName(scope.row.cate) : '无'}}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="创建时间">
+          <template slot-scope="scope">
+            <div>
+              {{scope.row.create_dt ? scope.row.create_dt : '无'}}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="操作">
+          <template slot-scope="scope">
+            <div>
+              <span class="det-btn" @click="tpdetail(scope.row)">详情</span>
+              <span class="del-btn"  @click="deltem(scope.row)">删除</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+          <el-pagination   style="float: right;" class="mt10" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          :current-page="search.currentPage" :page-sizes="[20,100, 200, 300, 400]" :page-size="search.size"
+          layout="total, sizes, prev, pager, next, jumper" :total="search.total">
+        </el-pagination>
+      </div>
+    </div>
+    <div>
+      <addTemplate ref="addtpl"></addTemplate>
+    </div>
+    <div>
+      <tplDetails :tplData="tplData" ref="tpldetail"></tplDetails>
+    </div>
+  </div>
+</template>
+<script>
+import tplDetails from "./temDetail";
+import addTemplate from "./addTpl";
+  export default {
+    data() {
+      return {
+        algoSet: 'picture',
+        addalgoSet:'video',
+        tableData: [],
+        isShow: false,
+        details: [],
+        fileList:[],
+        tplData:[],
+        search:{
+          size:20,
+          limit:20,
+          offset:0,
+          currentPage:0,
+          total:0
+        }
+      }
+    },
+    components: {
+        tplDetails,
+        addTemplate,
+    },
+    methods: {
+      handlePreview(){},
+      submitUpload() {
+        this.$refs.upload.submit();
+      },
+      addalgomanage(){
+        this.isShow = true;
+      },
+      handleSelectionChange(){
+        this.refreshAlgo();
+      },
+      refreshAlgo() {
+        this.getData();
+        this.search.offset = 0;
+        this.search.currentPage = 1;
+      },
+      getData() {
+        this.loading = true
+        this.$api.device.combs(
+          {
+            offset: 0,
+            limit: 20,
+            algo_set: this.algoSet
+        }).then(m => {
+          this.tableData = m.list_data;
+          this.search.total = m.total_num
+          this.loading = false
+        })
+      },
+      handleSizeChange(val){
+        this.search.limit = val
+        this.getData()
+      },
+      handleCurrentChange(val){
+        this.search.currentPage = val;
+        this.search.offset = (val-1)*this.search.size
+        this.getData()
+      },
+      filterAlgoName: function (str) {
+				var zhType = '';
+				switch (str) {
+					case 'traffic':
+						zhType ='交通';
+						break;
+					case 'Safety':
+						zhType ='安防';
+						break;
+					case 'FlowCount':
+						zhType ='客流';
+						break;
+					default:
+						break;
+				}
+				return zhType;
+      },
+      createTpl: function () {
+            this.$refs.addtpl.tplInit(this.templateType);
+      },
+      tpdetail(data){
+          this.tplData = data
+          setTimeout(()=>{
+            this.$refs.tpldetail.init();
+          },0)
+      },
+    },
+    created() {
+      this.getData()
+    },
+  }
+
+</script>
+<style lang="stylus" scoped>
+.search-item{
+  overflow hidden
+}
+.det-btn{
+  padding 0 10px
+  color #409EFF
+  cursor pointer
+}
+.del-btn{
+  padding 0 10px
+  color #F56C6C
+  cursor pointer
+}
+</style>

src/views/algowre/algo_template.vue

+<template>
+    <div class="innnerBox">
+    <el-col :span="22">
+      <el-form ref="form" label-width="80px" inline>
+         <el-form-item label="模板名称">
+          <span class="selectBox">
+          <el-input v-model="algoname" placeholder="模板名称" class="algo-header-left"></el-input>
+          </span>
+        </el-form-item>
+				 <el-form-item label="业务类型">
+          <span class="selectBox">
+          <el-select v-model="algoSet" placeholder="业务类型" class="algo-header-left">
+            <el-option value="jiaotong" label="交通算法"></el-option>
+            <el-option value="zongzhi" label="城市综合治理算法"></el-option>
+            <el-option value="shequ" label="社区管理算法"></el-option>
+            <el-option value="renlian" label="人脸识别算法"></el-option>
+            <el-option value="yuyi" label="语义分析算法"></el-option>
+            <el-option value="wenben" label="文本识别算法"></el-option>
+          </el-select>
+          </span>
+        </el-form-item>
+      </el-form>
+    </el-col>
+		 <el-col :span="2">
+				<el-button class="" type="primary" @click="createTpl">添加</el-button>
+        <el-button class="mt10" @click="refreshAlgo">查询</el-button>
+    </el-col>
+    <div class="table-box mt10" >
+      <el-table :data="tableData" tooltip-effect="dark" ref="multipleTable" height="700" style="width: 100%"  @selection-change="handleSelectionChange">
+        <el-table-column type="index" width="55">
+        </el-table-column>
+        <el-table-column prop="tid" align="center" label="模板编号">
+        </el-table-column>
+        <el-table-column prop="tplname" align="center" label="模板名称">
+        </el-table-column>
+        <el-table-column align="center" label="创建时间">
+          <template slot-scope="scope">
+            <div>
+              {{scope.row.create_dt ? scope.row.create_dt : '无'}}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="操作">
+          <template slot-scope="scope">
+            <div>
+              <span class="det-btn" @click="tpdetail(scope.row)">详情</span>
+              <span class="del-btn"  @click="deltem(scope.$index, tableData)">删除</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+          <el-pagination   style="float: right;" class="mt10" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          :current-page="search.currentPage" :page-sizes="[20,100, 200, 300, 400]" :page-size="search.size"
+          layout="total, sizes, prev, pager, next, jumper" :total="search.total">
+        </el-pagination>
+      </div>
+    </div>
+    <div>
+      <addTemplate ref="addtpl" @refresh="getData"></addTemplate>
+    </div>
+    <div>
+      <tplDetails :tplData="tplData" ref="tpldetail"></tplDetails>
+    </div>
+  </div>
+</template>
+<script>
+import tplDetails from "./temDetail";
+import addTemplate from "./addTpl";
+  export default {
+    data() {
+      return {
+        algoSet: '',
+        addalgoSet:'video',
+        tableData: [],
+        algoname:'',
+        isShow: false,
+        details: [],
+        fileList:[],
+        tplData:[],
+        search:{
+          size:20,
+          limit:20,
+          offset:0,
+          currentPage:0,
+          total:0
+        }
+      }
+    },
+    components: {
+        tplDetails,
+        addTemplate,
+    },
+    methods: {
+      handlePreview(){},
+      submitUpload() {
+        this.$refs.upload.submit();
+      },
+      addalgomanage(){
+        this.isShow = true;
+      },
+      handleSelectionChange(){
+        this.refreshAlgo();
+      },
+      refreshAlgo() {
+        this.getData();
+        this.search.offset = 0;
+        this.search.currentPage = 1;
+      },
+      getData() {
+        let LtableData =  localStorage.getItem("tplData");
+        if(LtableData) {
+          this.tableData =  JSON.parse(LtableData)
+        } else {
+          this.tableData = [];
+          //  localStorage.setItem("tplData", JSON.stringify( this.tableData));
+        }
+      },
+      handleSizeChange(val){
+        this.search.limit = val
+        this.getData()
+      },
+      handleCurrentChange(val){
+        this.search.currentPage = val;
+        this.search.offset = (val-1)*this.search.size
+        this.getData()
+      },
+      filterAlgoName: function (str) {
+				var zhType = '';
+				switch (str) {
+					case 'traffic':
+						zhType ='交通';
+						break;
+					case 'Safety':
+						zhType ='安防';
+						break;
+					case 'FlowCount':
+						zhType ='客流';
+						break;
+					default:
+						break;
+				}
+				return zhType;
+      },
+      createTpl: function () {
+            this.$refs.addtpl.tplInit(this.templateType);
+      },
+      tpdetail(data){
+          setTimeout(()=>{
+            this.$refs.addtpl.editInit(data);
+          },0)
+      },
+      deltem(index, rows){
+        rows.splice(index, 1);
+        localStorage.setItem("tplData", JSON.stringify( this.tableData))
+      }
+    },
+    created() {
+      this.getData()
+    },
+  }
+
+</script>
+<style lang="stylus" scoped>
+.search-item{
+  overflow hidden
+}
+.det-btn{
+  padding 0 10px
+  color #409EFF
+  cursor pointer
+}
+.del-btn{
+  padding 0 10px
+  color #F56C6C
+  cursor pointer
+}
+</style>

src/views/algowre/algotype.js

+export let zongzhi = [{
+  sfname: '道路破损 ',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"D",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.1',
+  info:''
+}, {
+  sfname: '道路积水',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"D",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.1',
+  info:''
+}, {
+  sfname: '井盖异常 ',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"J",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.4.1',
+  info:''
+}, {
+  sfname: '无照经营游商',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"W",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车乱停放',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"F",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '机动车乱停乱放',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"J",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '黄土裸露',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"H",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '施工占道',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"S",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '工地不戴安全帽',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"G",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人群聚集',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"R",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '店外经营',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"D",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人员闯入',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"R",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车牌识别',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"C",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '河湖堤坝异常',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"S",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '暴露垃圾',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"B",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '垃圾桶垃圾溢出',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"L",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '积存垃圾渣土',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"J",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '危险品车辆',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"W",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '悬挂横幅标语',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"X",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '未戴口罩识别',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"W",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '烟火智能感知',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"Y",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+
+export let jiaotong = [{
+  sfname: '闯红灯违法检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"C",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '不按导向行驶检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"B",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '压线检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"Y",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车辆逆行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"C",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法占用公交车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"W",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法占用非机动车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"W",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非法停车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"F",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大货车禁行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"D",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '机动车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"J",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车牌检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"C",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '越线停车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"Y",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '不礼让行人检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"B",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '路口滞留检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"L",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大弯小转检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  szm:"D",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '左转不让直行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"Z",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '右转不让直行非机动车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"Y",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法掉头检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"W",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '无牌车辆检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"W",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '限行抓拍检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"X",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '摩托车闯红灯检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"M",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '摩托车变道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"M",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '摩托车不带头盔检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"M",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车闯红灯检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"F",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车逆行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"F",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车占用机动车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"F",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车辆事故检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"C",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '拥堵事件检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"Y",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '异常停车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"Y",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '分车道流量统计功能',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"F",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '分检测类型流量统计功能',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"F",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '平均速度监测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"P",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车道时间占有率监测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"C",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '跨线变道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"K",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车头时距检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"C",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车牌识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"C",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车型识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"C",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车身颜色识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"C",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车标识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"C",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '危化车识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"W",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '渣土车识别',
+  sflb: '图像识别算法',
+  szm:"Z",
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '货车超限识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"H",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车辆运输车识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"C",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '不系安全带识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"B",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '开车打电话识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"K",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  szm:"R",
+  yjzc:'T4,A+D',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+
+export let shequ= [{
+  sfname: '人员尾随入户',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"R",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '电动车入户',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"D",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+export let renlian = [{
+  sfname: '活体检测算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"H",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸抓拍算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"R",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸比对算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"R",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸聚类算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"R",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+
+export let yuyi = [{
+  sfname: '分词与词性标注算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"Y",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '实体抽取算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"Y",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '文本分类算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"W",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+
+},{
+  sfname: '大规模文本聚类算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"D",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大规模关键词快速匹配算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"D",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '情感分析算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"Q",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '数据去噪算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"S",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '相似文本检索算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"X",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '文本自动摘要算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"W",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '敏感信息识别算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  szm:"M",
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '联想词算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"L",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '重要传播节点识别算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"Z",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '在线社区发现算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4,A+D',
+  cj:'VION',
+  szm:"Z",
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+export let wenben = []
\ No newline at end of file

src/views/algowre/b.js

+export let zongzhi = [{
+  sfname: '道路破损 ',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.1',
+  info:''
+}, {
+  sfname: '道路积水',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.1',
+  info:''
+}, {
+  sfname: '井盖异常 ',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.4.1',
+  info:''
+}, {
+  sfname: '无照经营游商',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车乱停放',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '机动车乱停乱放',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '黄土裸露',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '施工占道',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '工地不戴安全帽',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人群聚集',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '店外经营',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人员闯入',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车牌识别',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '河湖堤坝异常',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '暴露垃圾',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '积存垃圾渣土',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '危险品车辆',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '悬挂横幅标语',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '未戴口罩识别',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '烟火智能感知',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+
+export let jiaotong = [{
+  sfname: '闯红灯违法检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '不按导向行驶检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '压线检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车辆逆行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法占用公交车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法占用非机动车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非法停车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大货车禁行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '越线停车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '不礼让行人检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '路口滞留检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大弯小转检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '左转不让直行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '右转不让直行非机动车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法掉头检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '无牌车辆检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '限行抓拍检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '摩托车闯红灯检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '摩托车变道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '摩托车不带头盔检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车闯红灯检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车逆行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车占用机动车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车辆事故检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '拥堵事件检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '异常停车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '分车道流量统计功能',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '分检测类型流量统计功能',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '平均速度监测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车道时间占有率监测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '跨线变道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '压线检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车辆逆行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法占用公交车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法占用非机动车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '违法占用应急道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非法停车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大货车禁行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '不礼让行人检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '无牌车辆检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '限行抓拍检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '红眼客车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '红眼客车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '货车超长超宽超高检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '危化车无押运员检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '摩托车逆行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车逆行检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '非机动车占用机动车道检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车辆事故检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '拥堵事件检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '异常停车检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '追尾事件检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '变道剐蹭事件检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '遗撒事件检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '分车道流量统计功能',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '分检测类型流量统计功能',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '排队长度监测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '平均速度监测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车道占有率监测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车头时距检测',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车牌识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车型识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车身颜色识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车标识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '危化车识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '渣土车识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '货车超限识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '车辆运输车识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '不系安全带识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '开车打电话识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸识别',
+  sflb: '图像识别算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+
+export let shequ= [{
+  sfname: '人员尾随入户',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '电动车入户',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+export let renlian = [{
+  sfname: '活体检测算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸抓拍算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸比对算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '人脸聚类算法',
+  sflb: '视频检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+
+export let yuyi = [{
+  sfname: '分词与词性标注算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '实体抽取算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '文本分类算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大规模文本聚类算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '大规模关键词快速匹配算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '情感分析算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '数据去噪算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '相似文本检索算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '文本自动摘要算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '敏感信息识别算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '联想词算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '重要传播节点识别算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+},{
+  sfname: '在线社区发现算法',
+  sflb: '语义检测算法',
+  sfly: 'vionimage',
+  yjzc:'T4',
+  cj:'VION',
+  fbsj:'2020-10-14 09:32:12',
+  bbh:'1.0.2',
+  info:''
+}]
+export let wenben = []
\ No newline at end of file

src/views/algowre/plugMnaage.vue

+<template>
+  <div class="innnerBox">
+    <el-col :span="22">
+      <el-form ref="form" label-width="80px" inline>
+				 <el-form-item label="插件名称">
+          <span class="selectBox">
+						<el-input v-model="plugname"></el-input>  
+          </span>
+        </el-form-item>
+      </el-form>
+    </el-col>
+		 <el-col :span="2">
+				<el-button class="" type="primary" @click="addplug">添加</el-button>
+    </el-col>
+    <div class="table-box mt10" >
+      <el-table :data="tableData" tooltip-effect="dark" ref="multipleTable" height="700" style="width: 100%"  v-loading="loading">
+        <el-table-column type="index" width="55">
+        </el-table-column>
+        <el-table-column prop="plugname" align="center" label="插件名称">
+        </el-table-column>
+        <el-table-column prop="algotype" align="center" label="算法类型">
+          <template slot-scope="scope">
+            <div>
+              {{showalgoType(scope.row.algotype)}}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="yjzc" align="center" label="硬件支持">
+        </el-table-column>
+        <el-table-column prop="cj" align="center" label="厂家">
+        </el-table-column>
+        <el-table-column prop="fbsj" align="center" label="发布时间">
+        </el-table-column>
+         <el-table-column prop="bbh" align="center" label="版本号">
+        </el-table-column>
+        <el-table-column align="center" label="操作">
+           <template slot-scope="scope">
+            <div>
+              <span class="det-btn" @click="tpdetail(scope.row)">详情</span>
+              <span class="del-btn"  @click="deltem(scope.$index, tableData)">删除</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+  
+				  <div style="margin-top: 28px;">
+        <el-pagination
+          style="float: right;"
+          background
+          prev-text="上一页"
+          next-text="下一页"
+          :page-sizes="[30, 50, 100, 200]"
+          layout="total, prev, pager, next,sizes, jumper"
+          :current-page="search.currentPage"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :total="search.total"
+        >
+        </el-pagination>
+        <div style="clear: both;"></div>
+      </div>
+      </div>
+    </div>
+    <div>
+    <el-dialog title="添加插件" :visible.sync="isShow" width="30%" class="add-algomanage-box">
+      <div style="overflow:hidden">
+         <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">插件名称:</el-col>
+          <el-col :span="10">
+            <el-input v-model="plugname"></el-input>
+            <input type="file" hidden @change="setfile" ref="upload" id="algo_file">
+          </el-col>
+          <el-col :span="4">
+            <el-button @click="searchfile">浏览</el-button>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">应用类型:</el-col>
+          <el-col :span="10">
+            <el-select v-model="algotype" placeholder="业务类型" class="algo-header-left">
+            <el-option value="jiaotong" label="交通算法"></el-option>
+            <el-option value="zongzhi" label="城市综合治理算法"></el-option>
+            <el-option value="shequ" label="社区管理算法"></el-option>
+            <el-option value="renlian" label="人脸识别算法"></el-option>
+            <el-option value="yuyi" label="语义分析算法"></el-option>
+            <el-option value="wenben" label="文本识别算法"></el-option>
+          </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">硬件支持:</el-col>
+          <el-col :span="10">
+           <el-select v-model="os">
+             <el-option value="T4" label="T4"></el-option>
+             <el-option value="A+D" label="A+D"></el-option>
+           </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">发布厂家:</el-col>
+          <el-col :span="10">
+            <el-input v-model="cname" placeholder="厂家名称"  class="algo-header-left"></el-input>
+          </el-col>
+        </el-col>
+        <el-col :span="24">
+          <div class="algo-group algo-progress-bar" v-if="progress_status">
+            <span class="progress-text">上传进度</span>
+            <div class="graph">
+              <strong id="algoBar"></strong>
+            </div>
+          </div>
+        </el-col>
+      </div>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="isShow = false">取 消</el-button>
+          <el-button type="primary" @click="saveaddplug">确 定</el-button>
+        </div>
+      </el-dialog>
+      <!-------------------------------镜像详情----------------------------------------------->
+      <el-dialog title="插件详情" :visible.sync="detailDialog" width="30%" class="add-algomanage-box">
+      <div style="overflow:hidden">
+         <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">插件详情:</el-col>
+          <el-col :span="10">
+            <el-input v-model="plugname" disabled="true"></el-input>
+          </el-col>
+        
+        </el-col>
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">硬件支持:</el-col>
+          <el-col :span="10">
+            <el-input v-model="yjzc"  disabled="true" placeholder=""  class="algo-header-left"></el-input>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">发布厂家:</el-col>
+          <el-col :span="10">
+            <el-input v-model="cj"  disabled="true" placeholder=""  class="algo-header-left"></el-input>
+          </el-col>
+        </el-col>
+         <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">版本号:</el-col>
+          <el-col :span="10">
+            <el-input v-model="bbh"  disabled="true" placeholder=""  class="algo-header-left"></el-input>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">创建时间:</el-col>
+          <el-col :span="10">
+            <el-input v-model="fbsj"  disabled="true" placeholder=""  class="algo-header-left"></el-input>
+          </el-col>
+        </el-col>
+      </div>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="detailDialog = false">取 消</el-button>
+          <el-button type="primary" @click="detailDialog = false">确 定</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        plugname:'',
+        companyname:'',
+        cname:'',
+        algotype:"",
+        os:"",
+        tableData: [],
+        algoList:[{
+          name:"交通算法",
+          value:"jiaotong",
+        },{
+          name:"城市综合治理算法",
+          value:"zongzhi",
+        },{
+          name:"社区管理算法",
+          value:"shequ",
+        },{
+          name:"人脸识别算法",
+          value:"renlian"
+        },{
+          name:"语义分析算法",
+          value:"yuyi"
+        },{
+          name:"文本识别算法",
+          value:"wenben"
+        }],
+        filename:'',
+        isShow: false,
+        loading:false,
+        detailDialog:false,
+        details: [],
+        fileList:[],
+        usetype:'',
+        fileIds:'',
+        progress_status:false,
+        search:{
+          size:20,
+          limit:20,
+          offset:0,
+          currentPage:0,
+          total:0
+        }
+      }
+    },
+    methods: {
+      addplug(){
+        this.isShow = true;
+      },
+      showalgoType(val){
+        var name = "";
+        this.algoList.map(ele =>{
+          if(ele.value == val) {
+            name = ele.name;
+          }
+        })
+        return name;
+      },
+      saveaddplug(){
+        this.isShow = false;
+        let data = {
+          plugname:this.plugname.slice(0,-7),
+          sfname:this.plugname.slice(0,-7),
+          algotype:this.algotype,
+          sfly:"算法插件",
+          sflb:"视频检测算法",
+          yjzc:this.os,
+          cj:this.cname,
+          bbh:'1.0.1',
+          fbsj:this.$moment().format('YYYY-MM-DD HH:mm:ss')
+        }
+        this.tableData.push(data);
+        let storeData = JSON.stringify( this.tableData);
+        console.log(storeData)
+        localStorage.setItem("plugData",storeData)
+      },
+      searchfile(){
+        this.$refs.upload.click()
+      },
+      tpdetail(row){
+         this.detailDialog = true;
+         this.plugname = row.plugname;
+         this.yjzc = row.yjzc;
+         this.bbh = row.bbh;
+         this.cj = row.cj;
+         this.fbsj = row.fbsj;
+      },
+      deltem(index,rows){
+        rows.splice(index, 1);
+        let storeData = JSON.stringify( this.tableData);
+        localStorage.setItem("plugData",storeData);
+      },
+      getData(){
+         var tData = localStorage.getItem("plugData")?localStorage.getItem("plugData"):[];
+         this.tableData = JSON.parse(tData)
+      },
+
+      setfile(e){
+         try {
+          this.plugname = event.target.files[0].name;
+        }catch(err){
+           this.plugname = '';
+        }
+        if(this.plugname !== '') {
+          let algoFileExt = this.plugname.slice(-7);
+					if(algoFileExt !== ".tar.gz") {
+						this.plugname = "";
+						this.$message({
+							type: 'warning',
+							message: '目前只支持"*.tar.gz"文件'
+						})
+					}
+        }
+      },
+      handleSizeChange(){},
+      handleCurrentChange(){},
+    },
+    created() {
+      
+    },
+    mounted(){
+     this.getData();
+    }
+  }
+
+</script>
+<style lang="stylus" scoped>
+.algo_manage{
+		width:100%
+	}
+  .search-item{
+    margin-top 10px
+  }
+	.algo_manage_header{
+		background-color: rgba(23,39,68,.7);
+		margin: 0 10px 5px;
+		border-radius: 3px;
+		font-size: 18px;
+		padding: 0 5%;
+		height: 46px;
+		line-height: 46px;
+		position: relative;
+		z-index: 50;
+		overflow: hidden;
+	}
+
+	.algo-header-left {
+		float: left;
+	}
+
+	.algo-header-right {
+		float: right;
+		padding-right: 5%;
+		box-sizing: border-box;
+	}
+
+	.algo-header-right button{
+		width: 80px;
+		margin-left: 0.5%;
+		line-height: 35px;
+	}
+	#program_path {
+		font-size: 14px
+	}
+	/**
+	 * 复选框
+	 */
+	.algo-table label span{
+	    display: inline-block;
+	    width: 15px;
+	    height: 15px;
+	    border: 1px solid #fff;
+	    border-radius: 2px;
+	}
+
+	.algo-table li label span.active {
+		background: #2194ef;
+	    border: none;
+	}
+
+	/*表格样式*/
+	.algo-table {
+		position: relative;
+		z-index: 50;
+	}
+
+	.algo-thead {
+		border-left: 4px solid rgba(12,21,48,.8);
+	}
+
+	.algo-table li {
+		 width: 22%;		/* 18% */
+		overflow: hidden;
+	}
+
+	.algo-table li:first-child {
+		width: 8%;
+	}
+
+	.algo-table li:last-child {
+		width: 26%;		/* 20% */
+	}
+
+	.algo-table li:last-child button {
+		width: 31%;
+		line-height: 35px;
+	}
+
+	/*模态框*/
+	.modal-title .title {
+		font-size: 18px;
+	}
+
+	.modal-body {
+		position: relative;
+		padding-right: 90px;
+		padding-bottom: 20px;
+	}
+
+	.algo-group {
+		height: 56px;
+		line-height: 45px;
+		font-size: 18px;
+		text-align: left;
+		margin-left: 10%
+	}
+	label {
+		font-size: 16px
+	}
+
+	.algo-group label:first-child {
+		width: 94px;
+		padding-right: 5px;
+		line-height: 40px;
+	}
+
+	.algo-group label:last-child {
+		 /* width: 22%;  */
+		padding: 0 10px;
+	    height: 30px;
+	    line-height: 30px;
+		margin-left: 10px;
+		background: linear-gradient(to bottom, #359CED, #225D8C);
+		border: 1px solid #65B4F3;
+	    border-radius: 5px;
+		position: absolute;
+		/* right: 106px;  */
+	    margin-bottom: 0px;
+	    margin-top: 7px;
+		font-size: 15px;
+	}
+
+	/* #algo_file {
+		position: absolute;
+		left: 0;
+		top: 0;
+	} */
+
+	.algo-type {
+		width: 54%;
+	}
+
+	.algo-group .program-path {
+		width: 54% !important;
+	}
+
+	/**
+	 * 进度条
+	 */
+	div.algo-progress-bar {
+		/* padding-left: 31.8%; */
+		/* position: relative; */
+		/* height: 26px; */
+		height: 56px;
+		line-height: 45px;
+		/* line-height: 26px; */
+	}
+
+	/* div.algo-progress-bar:before {
+		content: "上传进度";
+		display: block;
+		position: absolute;
+		left: 14%;
+	} */
+
+	.progress-text {
+		font-size: 16px;
+		display: inline-block;
+		width: 94px;
+		padding-right: 5px;
+		line-height: 40px;
+	}
+
+	.graph {
+	    height: 26px;
+		width: 54%;
+		display: inline-block;
+	    border-radius: 4px;
+	    overflow: hidden;
+		position: relative;
+		top: 8px;
+	}
+
+	#algoBar {
+	    display: block;
+	    background: #4cb050;
+	    float: left;
+	    height: 100%;
+	    text-align: center;
+		  line-height: 26px;
+	}
+
+	.algo-modal-footer button {
+		height: 40px;
+		line-height: 36px;
+		 width: 10%;
+	}
+
+	.list_page {
+		z-index: 51;
+	}
+
+	/*禁用选中文字*/
+	*.unselectable {
+		-moz-user-select: -moz-none;
+		-webkit-user-select: none;
+		-ms-user-select: none;
+		user-select: none;
+	}
+  .det-btn{
+    padding 0 10px;
+    color #0069FF
+    cursor pointer
+  }
+  .del-btn{
+    color #f2365a
+    cursor pointer
+  }
+</style>

src/views/algowre/temDetail.vue

+<template>
+    <div class="tpl-detail-modal">
+        <el-dialog title="算法模板详情" :visible.sync="dialogVisable" class="detail-modal"  width="80%">
+            <div class="tpl-tbody">
+                <ul class="input-warp">
+                    <li>
+                        <span>模板编号:{{tplData.unid}}</span>
+                    </li>
+                    <li>
+                        <span>模板名称:{{tplData.name}}</span>
+                    </li>
+                </ul>
+                <div class="tpl-group-warp">
+                    <h5>算法模板</h5>
+                    <ul class="tpl-group">
+                        <li v-for="(item, index) in algoData" :key="index">
+                            <div class="algo-item scrollbar">
+                                <span v-for="(algoItem, algoIndex) in item.list" :key="algoIndex" :title="algoItem.algid">{{ algoItem.algid }}</span>
+                            </div>
+                            <p>
+                                <i>{{ item.name }}</i>
+                                <b></b>
+                            </p>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="hideModal">关 闭</el-button>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            algoData: [{
+                name: '公约束',
+                list: []
+            },{
+                name: '目标检测',
+                list: []
+            },{
+                name: '目标跟踪',
+                list: []
+            },{
+                name: '业务逻辑',
+                list: []
+            },{
+                name: '图像增强',
+                list: []
+            },{
+                name: '目标属性',
+                list: []
+            }],
+            dialogVisable: false
+        }
+    },
+    props: ['tplData'],
+    methods: {
+        init: function () {
+            debugger
+            this.algoData.forEach((element) => {
+                element.list = [];
+            });
+            // console.log('父组件传的模板详情数据:', this.tplData[0])
+            let groups = [];
+            console.log(this.tplData)
+            if(this.tplData.algo_set === "picture") {
+                groups = this.tplData.algo_groups;
+                groups.length = 3;
+                this.algoData = [{
+                    name: '公约束',
+                    list: []
+                },{
+                    name: '目标检测',
+                    list: []
+                },{
+                    name: '目标跟踪',
+                    list: []
+                }]
+            } else {
+                groups = this.tplData.algo_groups;
+                this.algoData = [{
+                    name: '公约束',
+                    list: []
+                },{
+                    name: '目标检测',
+                    list: []
+                },{
+                    name: '目标跟踪',
+                    list: []
+                },{
+                    name: '业务逻辑',
+                    list: []
+                },{
+                    name: '图像增强',
+                    list: []
+                },{
+                    name: '目标属性',
+                    list: []
+                }]
+            }
+            this.buildData(groups);
+            this.dialogVisable = true;
+        },
+        buildData: function (data) {
+            for(var i = 0; i < data.length; i++) {
+                if(data[i].algos.length > 0) {
+                    for(var j = 0; j < data[i].algos.length; j++) {
+                        var key = parseInt(data[i].algos[j].comb_pos - 1);
+                        var objVal = data[i].algos[j];
+                        this.algoData[key].list.push(objVal);
+                    }
+                } else {
+                    this.algoData[i].list = [];
+                }
+            }
+        },
+        hideModal: function () {
+            this.dialogVisable = false;
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+
+    .detail-modal {
+         width: 100%; 
+    }
+
+    .input-warp {
+        overflow: hidden;
+        margin-bottom: 0;
+    }
+
+    .input-warp li {
+        float: left;
+        width: 40%;
+        height: 36px;
+        line-height: 36px;
+        padding-right: 2%; 
+        overflow: hidden;
+    }
+
+    .input-warp li span {
+        float: left;
+        padding-right: 2%; 
+        overflow: hidden;
+    }
+
+    .input-warp li input {
+        float: left;
+        padding-right: 10px;
+    }
+
+    .tpl-group-warp h5 {
+        text-align: left;
+    }
+
+    .tpl-group {
+        overflow: hidden;
+        padding-left: 64px;
+        margin-bottom: 0;
+    }
+
+    .tpl-group li {
+        float: left;
+        width: 14%;
+        margin-right: 2%;
+    }
+
+    .tpl-group li:last-child {
+        margin-right: 0px;
+    }
+
+    .algo-item {
+        background: rgba(23,39,68,.6);
+        border-radius: 5px;
+        padding: 10px 20px 0;
+        height: 260px;
+        box-shadow: 3px 0 10px rgba(0, 0, 0, .5);
+        overflow: hidden;
+    }
+
+    .algo-item:hover {
+        overflow-x: hidden;
+        overflow-y: auto;
+    }
+
+    .algo-item span {
+        display: block;
+        width: 100%;
+        background: linear-gradient(to bottom, #1043d1, #2c5986);
+        border: 2px solid #2e4e81;
+        font-size: 16px;
+        padding-top: 6px;
+        padding-bottom: 6px;
+        border-radius: 3px;
+        cursor: pointer;
+        margin-bottom: 10%;
+        text-align: center;
+        overflow: hidden;
+    }
+
+    .tpl-group li > p {
+        margin-bottom: 0;
+        font-size: 16px;
+        display: block;
+        height: 36px;
+        line-height: 36px;
+        position: relative;
+        text-align: center;
+    }
+    .tpl-group li i{
+        list-style: none;
+        font-style: inherit;
+        font-size: 14px;
+    }
+
+    .tpl-group li:not(:last-child) > p b {
+        border-left: 2px solid transparent;
+        border-bottom: 2px solid transparent;
+        border-right: 2px solid #fff;
+		border-top: 2px solid #fff;
+		height: 6px;
+		width: 6px;
+		transform: rotate(45deg);
+		-webkit-transform: rotate(45deg);
+        cursor: pointer;
+        position: absolute;
+        top: 14px;
+        right: -14px;
+    }
+    button {
+        width: 10%;
+    }
+</style>

src/views/deviceshow/data.json

+[["2000-06-05",116],["2000-06-06",129],["2000-06-07",135],["2000-06-08",86],["2000-06-09",73],["2000-06-10",85],["2000-06-11",73],["2000-06-12",68],["2000-06-13",92],["2000-06-14",130],["2000-06-15",245],["2000-06-16",139],["2000-06-17",115],["2000-06-18",111],["2000-06-19",309],["2000-06-20",206],["2000-06-21",137],["2000-06-22",128],["2000-06-23",85],["2000-06-24",94],["2000-06-25",71],["2000-06-26",106],["2000-06-27",84],["2000-06-28",93],["2000-06-29",85],["2000-06-30",73],["2000-07-01",83],["2000-07-02",125],["2000-07-03",107],["2000-07-04",82],["2000-07-05",44],["2000-07-06",72],["2000-07-07",106],["2000-07-08",107],["2000-07-09",66],["2000-07-10",91],["2000-07-11",92],["2000-07-12",113],["2000-07-13",107],["2000-07-14",131],["2000-07-15",111],["2000-07-16",64],["2000-07-17",69],["2000-07-18",88],["2000-07-19",77],["2000-07-20",83],["2000-07-21",111],["2000-07-22",57],["2000-07-23",55],["2000-07-24",60],["2000-07-25",44],["2000-07-26",127],["2000-07-27",114],["2000-07-28",86],["2000-07-29",73],["2000-07-30",52],["2000-07-31",69],["2000-08-01",86],["2000-08-02",118],["2000-08-03",56],["2000-08-04",91],["2000-08-05",121],["2000-08-06",127],["2000-08-07",78],["2000-08-08",79],["2000-08-09",46],["2000-08-10",108],["2000-08-11",80],["2000-08-12",79],["2000-08-13",69],["2000-08-14",80],["2000-08-15",105],["2000-08-16",119],["2000-08-17",105],["2000-08-18",55],["2000-08-19",74],["2000-08-20",41],["2000-08-21",62],["2000-08-22",104],["2000-08-23",118],["2000-08-24",121],["2000-08-25",126],["2000-08-26",99],["2000-08-27",92],["2000-08-28",75],["2000-08-29",91],["2000-08-30",94],["2000-08-31",69],["2000-09-01",93],["2000-09-02",124],["2000-09-03",120],["2000-09-04",93],["2000-09-05",26],["2000-09-06",32],["2000-09-07",70],["2000-09-08",89],["2000-09-10",117],["2000-09-11",144],["2000-09-12",111],["2000-09-13",120],["2000-09-14",97],["2000-09-15",108],["2000-09-17",74],["2000-09-18",105],["2000-09-19",127],["2000-09-20",143],["2000-09-21",62],["2000-09-22",80],["2000-09-23",136],["2000-09-24",29],["2000-09-25",91],["2000-09-26",93],["2000-09-27",114],["2000-09-28",45],["2000-09-29",102],["2000-09-30",111],["2000-10-01",93],["2000-10-02",117],["2000-10-03",78],["2000-10-04",76],["2000-10-05",100],["2000-10-06",75],["2000-10-07",169],["2000-10-08",59],["2000-10-09",89],["2000-10-10",91],["2000-10-11",75],["2000-10-12",28],["2000-10-13",47],["2000-10-14",92],["2000-10-16",72],["2000-10-17",149],["2000-10-18",86],["2000-10-19",88],["2000-10-20",104],["2000-10-21",91],["2000-10-22",88],["2000-10-23",55],["2000-10-24",63],["2000-10-25",41],["2000-10-26",85],["2000-10-27",99],["2000-10-28",121],["2000-10-29",96],["2000-10-30",90],["2000-11-01",80],["2000-11-02",116],["2000-11-03",207],["2000-11-04",306],["2000-11-05",283],["2000-11-06",200],["2000-11-07",93],["2000-11-08",49],["2000-11-09",78],["2000-11-10",40],["2000-11-11",74],["2000-11-12",67],["2000-11-13",118],["2000-11-14",196],["2000-11-15",101],["2000-11-16",59],["2000-11-17",83],["2000-11-18",83],["2000-11-19",124],["2000-11-20",57],["2000-11-21",78],["2000-11-22",113],["2000-11-23",172],["2000-11-24",129],["2000-11-25",103],["2000-11-26",75],["2000-11-27",125],["2000-11-28",121],["2000-11-29",204],["2000-11-30",141],["2000-12-01",106],["2000-12-02",146],["2000-12-03",95],["2000-12-04",149],["2000-12-05",71],["2000-12-07",157],["2000-12-08",141],["2000-12-09",197],["2000-12-10",43],["2000-12-11",81],["2000-12-12",109],["2000-12-13",118],["2000-12-15",115],["2000-12-16",92],["2000-12-17",123],["2000-12-18",147],["2000-12-19",59],["2000-12-20",103],["2000-12-21",146],["2000-12-22",137],["2000-12-23",74],["2000-12-24",64],["2000-12-25",67],["2000-12-26",107],["2000-12-27",101],["2000-12-28",79],["2000-12-29",137],["2000-12-30",165],["2000-12-31",81],["2001-01-01",100],["2001-01-02",126],["2001-01-03",56],["2001-01-05",108],["2001-01-06",88],["2001-01-07",78],["2001-01-08",105],["2001-01-09",77],["2001-01-10",105],["2001-01-11",93],["2001-01-12",107],["2001-01-13",128],["2001-01-14",53],["2001-01-15",81],["2001-01-16",128],["2001-01-17",179],["2001-01-18",225],["2001-01-19",116],["2001-01-20",153],["2001-01-21",161],["2001-01-22",149],["2001-01-23",115],["2001-01-24",136],["2001-01-25",101],["2001-01-26",109],["2001-01-27",108],["2001-01-28",86],["2001-01-29",101],["2001-01-30",109],["2001-01-31",139],["2001-02-01",110],["2001-02-02",113],["2001-02-03",130],["2001-02-04",62],["2001-02-05",88],["2001-02-06",105],["2001-02-07",87],["2001-02-08",140],["2001-02-09",116],["2001-02-10",100],["2001-02-11",83],["2001-02-12",102],["2001-02-13",106],["2001-02-14",157],["2001-02-15",131],["2001-02-16",77],["2001-02-17",101],["2001-02-18",148],["2001-02-19",227],["2001-02-20",105],["2001-02-21",155],["2001-02-22",293],["2001-02-23",99],["2001-02-24",57],["2001-02-25",97],["2001-02-26",104],["2001-02-27",117],["2001-02-28",125],["2001-03-01",216],["2001-03-02",149],["2001-03-03",256],["2001-03-04",172],["2001-03-05",113],["2001-03-06",338],["2001-03-07",57],["2001-03-08",48],["2001-03-10",111],["2001-03-11",87],["2001-03-12",175],["2001-03-13",186],["2001-03-14",201],["2001-03-15",76],["2001-03-16",131],["2001-03-17",127],["2001-03-18",128],["2001-03-19",152],["2001-03-20",144],["2001-03-21",162],["2001-03-22",500],["2001-03-24",358],["2001-03-25",128],["2001-03-26",54],["2001-03-27",57],["2001-03-28",54],["2001-03-29",80],["2001-03-30",71],["2001-03-31",73],["2001-04-01",139],["2001-04-02",224],["2001-04-03",107],["2001-04-04",150],["2001-04-05",180],["2001-04-06",77],["2001-04-07",95],["2001-04-08",194],["2001-04-09",143],["2001-04-10",205],["2001-04-11",129],["2001-04-12",64],["2001-04-13",61],["2001-04-14",79],["2001-04-15",121],["2001-04-16",130],["2001-04-17",150],["2001-04-18",205],["2001-04-19",154],["2001-04-20",81],["2001-04-21",140],["2001-04-22",119],["2001-04-23",156],["2001-04-24",72],["2001-04-25",108],["2001-04-26",124],["2001-04-27",94],["2001-04-28",157],["2001-04-29",100],["2001-04-30",158],["2001-05-01",277],["2001-05-02",332],["2001-05-03",303],["2001-05-04",238],["2001-05-05",500],["2001-05-06",99],["2001-05-07",93],["2001-05-08",104],["2001-05-09",74],["2001-05-10",68],["2001-05-11",90],["2001-05-12",114],["2001-05-13",142],["2001-05-14",126],["2001-05-15",185],["2001-05-16",402],["2001-05-17",189],["2001-05-17",189],["2001-05-17",189],["2001-05-18",112],["2001-05-19",137],["2001-05-20",158],["2001-05-21",158],["2001-05-22",116],["2001-05-23",132],["2001-05-24",110],["2001-05-25",82],["2001-05-26",56],["2001-05-27",54],["2001-05-28",71],["2001-05-29",101],["2001-05-30",57],["2001-05-31",88],["2001-06-01",99],["2001-06-02",84],["2001-06-03",139],["2001-06-04",132],["2001-06-05",141],["2001-06-07",159],["2001-06-08",131],["2001-06-09",180],["2001-06-10",164],["2001-06-11",134],["2001-06-12",163],["2001-06-13",105],["2001-06-14",74],["2001-06-15",50],["2001-06-16",60],["2001-06-17",82],["2001-06-18",111],["2001-06-19",89],["2001-06-20",81],["2001-06-21",76],["2001-06-22",70],["2001-06-23",74],["2001-06-24",99],["2001-06-25",91],["2001-06-26",113],["2001-06-27",93],["2001-06-28",69],["2001-06-29",74],["2001-06-30",75],["2001-07-01",108],["2001-07-02",115],["2001-07-03",86],["2001-07-04",67],["2001-07-05",68],["2001-07-06",74],["2001-07-07",69],["2001-07-08",95],["2001-07-09",99],["2001-07-10",92],["2001-07-11",84],["2001-07-12",77],["2001-07-13",69],["2001-07-14",62],["2001-07-15",83],["2001-07-16",101],["2001-07-17",98],["2001-07-18",89],["2001-07-19",82],["2001-07-20",105],["2001-07-21",79],["2001-07-22",48],["2001-07-23",119],["2001-07-24",126],["2001-07-25",44],["2001-07-26",42],["2001-07-27",86],["2001-07-28",68],["2001-07-29",93],["2001-07-30",89],["2001-07-31",76],["2001-08-01",54],["2001-08-02",53],["2001-08-03",35],["2001-08-04",65],["2001-08-05",108],["2001-08-06",114],["2001-08-07",90],["2001-08-08",63],["2001-08-09",79],["2001-08-10",102],["2001-08-11",100],["2001-08-12",107],["2001-08-13",81],["2001-08-14",79],["2001-08-15",116],["2001-08-16",98],["2001-08-17",96],["2001-08-18",94],["2001-08-19",63],["2001-08-20",39],["2001-08-21",81],["2001-08-22",73],["2001-08-23",66],["2001-08-24",52],["2001-08-25",64],["2001-08-26",61],["2001-08-27",83],["2001-08-28",85],["2001-08-29",99],["2001-08-30",97],["2001-08-31",93],["2001-09-01",86],["2001-09-02",105],["2001-09-03",98],["2001-09-04",109],["2001-09-05",92],["2001-09-06",68],["2001-09-07",92],["2001-09-08",72],["2001-09-09",64],["2001-09-10",88],["2001-09-11",97],["2001-09-12",102],["2001-09-13",103],["2001-09-14",120],["2001-09-15",94],["2001-09-16",95],["2001-09-17",93],["2001-09-18",56],["2001-09-19",98],["2001-09-20",81],["2001-09-21",100],["2001-09-22",75],["2001-09-23",84],["2001-09-24",91],["2001-09-25",70],["2001-09-26",96],["2001-09-27",128],["2001-09-28",92],["2001-09-29",107],["2001-09-30",95],["2001-10-01",63],["2001-10-02",115],["2001-10-03",69],["2001-10-04",47],["2001-10-05",86],["2001-10-06",122],["2001-10-07",104],["2001-10-08",122],["2001-10-09",49],["2001-10-10",36],["2001-10-11",83],["2001-10-12",107],["2001-10-13",126],["2001-10-14",126],["2001-10-15",78],["2001-10-16",72],["2001-10-17",76],["2001-10-18",87],["2001-10-19",143],["2001-10-20",259],["2001-10-21",183],["2001-10-22",276],["2001-10-23",232],["2001-10-24",167],["2001-10-25",105],["2001-10-26",129],["2001-10-27",140],["2001-10-28",61],["2001-10-29",85],["2001-10-30",155],["2001-11-01",38],["2001-11-02",106],["2001-11-03",134],["2001-11-04",57],["2001-11-05",51],["2001-11-06",68],["2001-11-07",129],["2001-11-08",158],["2001-11-09",85],["2001-11-10",121],["2001-11-11",161],["2001-11-12",94],["2001-11-13",58],["2001-11-14",57],["2001-11-15",71],["2001-11-16",105],["2001-11-17",66],["2001-11-18",117],["2001-11-19",87],["2001-11-20",88],["2001-11-21",131],["2001-11-22",151],["2001-11-23",310],["2001-11-24",161],["2001-11-25",23],["2001-11-26",52],["2001-11-27",82],["2001-11-28",128],["2001-11-29",115],["2001-11-30",63],["2001-12-02",102],["2001-12-03",96],["2001-12-04",107],["2001-12-05",89],["2001-12-06",59],["2001-12-07",100],["2001-12-08",136],["2001-12-09",137],["2001-12-10",119],["2001-12-11",112],["2001-12-12",186],["2001-12-13",192],["2001-12-14",83],["2001-12-15",97],["2001-12-16",113],["2001-12-18",89],["2001-12-19",106],["2001-12-20",119],["2001-12-21",62],["2001-12-22",79],["2001-12-23",58],["2001-12-24",61],["2001-12-25",64],["2001-12-26",108],["2001-12-27",101],["2001-12-28",82],["2001-12-29",85],["2001-12-30",98],["2001-12-31",132],["2002-01-01",88],["2002-01-02",97],["2002-01-03",116],["2002-01-04",111],["2002-01-05",81],["2002-01-06",78],["2002-01-07",138],["2002-01-08",100],["2002-01-09",157],["2002-01-10",349],["2002-01-11",196],["2002-01-12",190],["2002-01-13",100],["2002-01-14",103],["2002-01-15",160],["2002-01-16",97],["2002-01-17",103],["2002-01-18",123],["2002-01-19",137],["2002-01-20",268],["2002-01-21",52],["2002-01-22",44],["2002-01-23",66],["2002-01-24",106],["2002-01-25",94],["2002-01-26",96],["2002-01-27",58],["2002-01-28",62],["2002-01-29",56],["2002-01-30",62],["2002-01-31",109],["2002-02-01",96],["2002-02-02",95],["2002-02-03",126],["2002-02-04",161],["2002-02-05",138],["2002-02-06",106],["2002-02-07",99],["2002-02-08",113],["2002-02-09",80],["2002-02-10",90],["2002-02-11",86],["2002-02-12",142],["2002-02-13",93],["2002-02-14",125],["2002-02-15",135],["2002-02-16",138],["2002-02-17",111],["2002-02-18",70],["2002-02-19",101],["2002-02-20",153],["2002-02-21",146],["2002-02-22",97],["2002-02-23",82],["2002-02-24",99],["2002-02-25",131],["2002-02-26",88],["2002-02-27",74],["2002-02-28",96],["2002-03-01",133],["2002-03-02",105],["2002-03-03",86],["2002-03-04",105],["2002-03-05",89],["2002-03-06",70],["2002-03-07",87],["2002-03-08",109],["2002-03-09",161],["2002-03-10",83],["2002-03-11",129],["2002-03-12",107],["2002-03-13",89],["2002-03-14",186],["2002-03-15",108],["2002-03-16",500],["2002-03-17",188],["2002-03-18",102],["2002-03-19",139],["2002-03-20",155],["2002-03-21",500],["2002-03-22",370],["2002-03-23",164],["2002-03-24",105],["2002-03-25",156],["2002-03-26",180],["2002-03-27",105],["2002-03-28",126],["2002-03-29",120],["2002-03-30",122],["2002-03-31",118],["2002-04-01",188],["2002-04-02",260],["2002-04-03",296],["2002-04-04",118],["2002-04-05",132],["2002-04-06",80],["2002-04-07",500],["2002-04-08",500],["2002-04-09",253],["2002-04-10",67],["2002-04-11",110],["2002-04-13",133],["2002-04-14",246],["2002-04-15",324],["2002-04-16",225],["2002-04-17",120],["2002-04-18",121],["2002-04-19",131],["2002-04-20",148],["2002-04-21",174],["2002-04-22",106],["2002-04-23",32],["2002-04-24",86],["2002-04-25",92],["2002-04-26",117],["2002-04-27",110],["2002-04-28",90],["2002-04-29",86],["2002-04-30",106],["2002-05-01",84],["2002-05-02",76],["2002-05-03",92],["2002-05-04",85],["2002-05-05",79],["2002-05-07",92],["2002-05-08",99],["2002-05-09",105],["2002-05-10",105],["2002-05-11",78],["2002-05-12",125],["2002-05-13",113],["2002-05-14",90],["2002-05-15",89],["2002-05-16",99],["2002-05-17",94],["2002-05-18",109],["2002-05-19",105],["2002-05-20",115],["2002-05-21",110],["2002-05-22",54],["2002-05-23",76],["2002-05-24",83],["2002-05-25",75],["2002-05-26",89],["2002-05-27",97],["2002-05-28",113],["2002-05-29",106],["2002-05-30",86],["2002-05-31",108],["2002-06-01",115],["2002-06-02",106],["2002-06-03",99],["2002-06-04",151],["2002-06-05",118],["2002-06-06",139],["2002-06-07",161],["2002-06-08",77],["2002-06-09",72],["2002-06-10",36],["2002-06-11",81],["2002-06-12",67],["2002-06-13",56],["2002-06-14",73],["2002-06-15",75],["2002-06-16",80],["2002-06-17",122],["2002-06-19",142],["2002-06-20",77],["2002-06-21",68],["2002-06-22",77],["2002-06-23",50],["2002-06-24",51],["2002-06-25",40],["2002-06-26",46],["2002-06-27",65],["2002-06-28",110],["2002-06-29",104],["2002-06-30",85],["2002-07-01",126],["2002-07-02",88],["2002-07-03",112],["2002-07-04",108],["2002-07-05",98],["2002-07-06",88],["2002-07-07",68],["2002-07-08",87],["2002-07-09",83],["2002-07-10",87],["2002-07-11",127],["2002-07-12",111],["2002-07-13",108],["2002-07-14",91],["2002-07-15",89],["2002-07-16",75],["2002-07-17",88],["2002-07-18",76],["2002-07-19",62],["2002-07-20",55],["2002-07-21",66],["2002-07-22",67],["2002-07-23",62],["2002-07-24",113],["2002-07-25",81],["2002-07-26",66],["2002-07-27",86],["2002-07-28",47],["2002-07-29",44],["2002-07-30",79],["2002-07-31",137],["2002-08-01",160],["2002-08-02",89],["2002-08-03",96],["2002-08-04",63],["2002-08-05",53],["2002-08-06",50],["2002-08-07",44],["2002-08-08",74],["2002-08-09",64],["2002-08-10",72],["2002-08-11",94],["2002-08-12",71],["2002-08-13",124],["2002-08-14",129],["2002-08-15",155],["2002-08-16",156],["2002-08-17",125],["2002-08-18",130],["2002-08-19",66],["2002-08-20",91],["2002-08-21",114],["2002-08-22",112],["2002-08-23",102],["2002-08-24",72],["2002-08-25",76],["2002-08-26",77],["2002-08-27",86],["2002-08-28",92],["2002-08-29",108],["2002-08-30",100],["2002-08-31",122],["2002-09-01",164],["2002-09-02",111],["2002-09-03",52],["2002-09-04",70],["2002-09-05",59],["2002-09-06",82],["2002-09-07",96],["2002-09-08",92],["2002-09-09",124],["2002-09-10",98],["2002-09-11",45],["2002-09-12",37],["2002-09-13",81],["2002-09-14",90],["2002-09-15",98],["2002-09-16",97],["2002-09-17",111],["2002-09-18",125],["2002-09-19",83],["2002-09-20",41],["2002-09-21",87],["2002-09-22",56],["2002-09-23",72],["2002-09-25",182],["2002-09-26",183],["2002-09-27",70],["2002-09-28",44],["2002-09-29",62],["2002-09-30",100],["2002-10-01",121],["2002-10-02",62],["2002-10-03",70],["2002-10-04",99],["2002-10-05",89],["2002-10-06",52],["2002-10-07",37],["2002-10-08",64],["2002-10-09",135],["2002-10-10",232],["2002-10-11",365],["2002-10-12",198],["2002-10-13",53],["2002-10-14",121],["2002-10-15",83],["2002-10-16",100],["2002-10-17",169],["2002-10-18",75],["2002-10-20",72],["2002-10-21",51],["2002-10-22",50],["2002-10-23",95],["2002-10-24",88],["2002-10-26",59],["2002-10-27",30],["2002-10-28",48],["2002-10-29",109],["2002-10-30",146],["2002-10-31",76],["2002-11-01",33],["2002-11-02",52],["2002-11-03",54],["2002-11-04",70],["2002-11-05",107],["2002-11-06",96],["2002-11-07",76],["2002-11-08",37],["2002-11-09",94],["2002-11-10",182],["2002-11-11",452],["2002-11-12",66],["2002-11-13",56],["2002-11-14",80],["2002-11-15",85],["2002-11-16",104],["2002-11-17",43],["2002-11-18",52],["2002-11-19",115],["2002-11-20",143],["2002-11-21",75],["2002-11-22",110],["2002-11-23",134],["2002-11-24",129],["2002-11-25",153],["2002-11-26",54],["2002-11-27",114],["2002-11-28",145],["2002-11-29",87],["2002-11-30",138],["2002-12-01",198],["2002-12-02",273],["2002-12-03",395],["2002-12-04",498],["2002-12-05",97],["2002-12-06",112],["2002-12-07",97],["2002-12-08",86],["2002-12-09",97],["2002-12-10",99],["2002-12-12",151],["2002-12-13",135],["2002-12-14",193],["2002-12-15",153],["2002-12-16",95],["2002-12-17",91],["2002-12-18",137],["2002-12-19",98],["2002-12-20",77],["2002-12-21",95],["2002-12-22",96],["2002-12-23",83],["2002-12-24",71],["2002-12-25",53],["2002-12-26",69],["2002-12-27",75],["2002-12-28",106],["2002-12-29",90],["2002-12-30",106],["2002-12-31",64],["2003-01-01",105],["2003-01-02",100],["2003-01-03",69],["2003-01-04",55],["2003-01-05",65],["2003-01-06",112],["2003-01-07",83],["2003-01-08",131],["2003-01-09",151],["2003-01-10",93],["2003-01-11",97],["2003-01-12",104],["2003-01-13",92],["2003-01-14",53],["2003-01-15",105],["2003-01-16",159],["2003-01-17",106],["2003-01-18",89],["2003-01-19",88],["2003-01-20",87],["2003-01-21",99],["2003-01-22",117],["2003-01-23",72],["2003-01-24",109],["2003-01-25",91],["2003-01-26",100],["2003-01-27",48],["2003-01-28",58],["2003-01-29",65],["2003-01-30",105],["2003-01-31",87],["2003-02-01",148],["2003-02-02",109],["2003-02-03",96],["2003-02-04",87],["2003-02-05",56],["2003-02-06",105],["2003-02-07",126],["2003-02-08",164],["2003-02-09",113],["2003-02-10",54],["2003-02-11",47],["2003-02-12",93],["2003-02-13",83],["2003-02-14",91],["2003-02-15",135],["2003-02-16",65],["2003-02-17",100],["2003-02-18",147],["2003-02-19",56],["2003-02-20",89],["2003-02-21",107],["2003-02-22",99],["2003-02-23",124],["2003-02-24",152],["2003-02-25",115],["2003-02-26",87],["2003-02-27",76],["2003-02-28",93],["2003-03-01",172],["2003-03-02",235],["2003-03-03",65],["2003-03-04",55],["2003-03-05",93],["2003-03-06",96],["2003-03-07",127],["2003-03-08",71],["2003-03-09",88],["2003-03-10",81],["2003-03-11",115],["2003-03-12",54],["2003-03-13",94],["2003-03-14",92],["2003-03-15",98],["2003-03-17",73],["2003-03-18",69],["2003-03-19",156],["2003-03-20",93],["2003-03-21",37],["2003-03-22",92],["2003-03-23",114],["2003-03-24",124],["2003-03-25",108],["2003-03-26",106],["2003-03-27",39],["2003-03-28",66],["2003-03-29",126],["2003-03-30",282],["2003-03-31",136],["2003-04-01",92],["2003-04-02",54],["2003-04-03",81],["2003-04-04",89],["2003-04-05",115],["2003-04-06",108],["2003-04-07",100],["2003-04-08",55],["2003-04-09",75],["2003-04-10",88],["2003-04-11",94],["2003-04-12",143],["2003-04-13",62],["2003-04-14",138],["2003-04-15",187],["2003-04-16",157],["2003-04-17",154],["2003-04-18",56],["2003-04-19",54],["2003-04-20",57],["2003-04-21",46],["2003-04-22",82],["2003-04-24",179],["2003-04-25",138],["2003-04-26",147],["2003-04-28",147],["2003-04-29",106],["2003-04-30",95],["2003-05-01",107],["2003-05-02",102],["2003-05-03",120],["2003-05-04",117],["2003-05-05",87],["2003-05-06",71],["2003-05-07",58],["2003-05-08",95],["2003-05-09",117],["2003-05-10",142],["2003-05-11",104],["2003-05-12",124],["2003-05-13",100],["2003-05-14",82],["2003-05-15",77],["2003-05-16",70],["2003-05-17",34],["2003-05-18",60],["2003-05-19",83],["2003-05-20",107],["2003-05-21",126],["2003-05-22",93],["2003-05-23",100],["2003-05-24",96],["2003-05-25",87],["2003-05-26",116],["2003-05-27",111],["2003-05-28",90],["2003-05-29",68],["2003-05-30",96],["2003-05-31",86],["2003-06-01",131],["2003-06-02",110],["2003-06-03",119],["2003-06-04",126],["2003-06-05",67],["2003-06-06",86],["2003-06-07",81],["2003-06-08",104],["2003-06-09",71],["2003-06-10",35],["2003-06-11",57],["2003-06-12",56],["2003-06-13",57],["2003-06-14",40],["2003-06-15",72],["2003-06-16",96],["2003-06-17",137],["2003-06-18",180],["2003-06-19",171],["2003-06-20",167],["2003-06-21",173],["2003-06-22",124],["2003-06-23",79],["2003-06-24",29],["2003-06-25",76],["2003-06-26",96],["2003-06-27",89],["2003-06-28",67],["2003-06-29",51],["2003-06-30",92],["2003-07-01",94],["2003-07-02",100],["2003-07-03",129],["2003-07-04",128],["2003-07-05",44],["2003-07-06",64],["2003-07-07",59],["2003-07-08",75],["2003-07-09",41],["2003-07-10",85],["2003-07-11",91],["2003-07-12",125],["2003-07-13",108],["2003-07-14",116],["2003-07-15",135],["2003-07-16",111],["2003-07-17",95],["2003-07-18",79],["2003-07-19",75],["2003-07-20",104],["2003-07-21",82],["2003-07-22",80],["2003-07-23",99],["2003-07-24",110],["2003-07-25",96],["2003-07-26",163],["2003-07-27",126],["2003-07-28",69],["2003-07-29",98],["2003-07-30",68],["2003-07-31",75],["2003-08-01",109],["2003-08-02",75],["2003-08-03",102],["2003-08-04",115],["2003-08-05",110],["2003-08-06",93],["2003-08-07",80],["2003-08-08",65],["2003-08-09",64],["2003-08-10",64],["2003-08-11",58],["2003-08-13",123],["2003-08-14",87],["2003-08-15",88],["2003-08-16",89],["2003-08-17",86],["2003-08-18",91],["2003-08-19",132],["2003-08-20",85],["2003-08-21",96],["2003-08-22",90],["2003-08-23",78],["2003-08-24",79],["2003-08-25",76],["2003-08-26",84],["2003-08-27",88],["2003-08-28",57],["2003-08-29",44],["2003-08-30",78],["2003-08-31",95],["2003-09-01",93],["2003-09-02",86],["2003-09-03",108],["2003-09-04",124],["2003-09-05",70],["2003-09-06",113],["2003-09-07",82],["2003-09-08",111],["2003-09-09",59],["2003-09-10",60],["2003-09-11",89],["2003-09-12",132],["2003-09-13",133],["2003-09-14",112],["2003-09-15",69],["2003-09-16",132],["2003-09-17",75],["2003-09-18",37],["2003-09-19",37],["2003-09-20",79],["2003-09-21",89],["2003-09-22",121],["2003-09-23",74],["2003-09-24",88],["2003-09-26",66],["2003-09-27",32],["2003-09-28",73],["2003-09-29",92],["2003-09-30",57],["2003-10-01",67],["2003-10-02",34],["2003-10-03",45],["2003-10-05",115],["2003-10-06",153],["2003-10-07",127],["2003-10-08",116],["2003-10-09",152],["2003-10-10",130],["2003-10-11",24],["2003-10-12",17],["2003-10-13",60],["2003-10-14",56],["2003-10-15",51],["2003-10-16",56],["2003-10-17",80],["2003-10-18",56],["2003-10-19",98],["2003-10-20",145],["2003-10-21",121],["2003-10-22",41],["2003-10-23",86],["2003-10-24",121],["2003-10-25",69],["2003-10-26",116],["2003-10-27",165],["2003-10-29",120],["2003-10-30",171],["2003-10-31",289],["2003-11-01",500],["2003-11-02",181],["2003-11-03",28],["2003-11-04",92],["2003-11-05",146],["2003-11-06",44],["2003-11-07",22],["2003-11-08",25],["2003-11-09",51],["2003-11-10",74],["2003-11-11",51],["2003-11-12",106],["2003-11-13",149],["2003-11-14",213],["2003-11-15",130],["2003-11-16",32],["2003-11-17",116],["2003-11-18",162],["2003-11-19",173],["2003-11-20",118],["2003-11-21",20],["2003-11-22",85],["2003-11-23",161],["2003-11-24",186],["2003-11-25",147],["2003-11-26",57],["2003-11-27",88],["2003-11-28",107],["2003-11-29",159],["2003-11-30",147],["2003-12-01",153],["2003-12-02",135],["2003-12-03",99],["2003-12-04",92],["2003-12-05",109],["2003-12-06",99],["2003-12-07",57],["2003-12-08",64],["2003-12-09",79],["2003-12-10",143],["2003-12-11",93],["2003-12-12",52],["2003-12-13",95],["2003-12-14",141],["2003-12-15",59],["2003-12-16",109],["2003-12-17",58],["2003-12-18",60],["2003-12-19",52],["2003-12-20",71],["2003-12-21",110],["2003-12-22",107],["2003-12-23",114],["2003-12-24",98],["2003-12-25",96],["2003-12-26",48],["2003-12-27",89],["2003-12-28",130],["2003-12-29",90],["2003-12-30",106],["2003-12-31",111],["2004-01-01",128],["2004-01-02",83],["2004-01-03",60],["2004-01-04",109],["2004-01-05",137],["2004-01-06",147],["2004-01-07",99],["2004-01-08",73],["2004-01-09",126],["2004-01-10",73],["2004-01-11",72],["2004-01-12",87],["2004-01-13",85],["2004-01-14",115],["2004-01-15",121],["2004-01-16",97],["2004-01-17",109],["2004-01-18",74],["2004-01-19",52],["2004-01-20",49],["2004-01-21",41],["2004-01-22",64],["2004-01-23",80],["2004-01-24",38],["2004-01-25",58],["2004-01-26",106],["2004-01-27",57],["2004-01-28",106],["2004-01-29",111],["2004-01-31",118],["2004-02-01",109],["2004-02-02",53],["2004-02-03",50],["2004-02-04",59],["2004-02-06",56],["2004-02-07",68],["2004-02-08",52],["2004-02-09",68],["2004-02-10",130],["2004-02-11",95],["2004-02-12",103],["2004-02-13",124],["2004-02-14",95],["2004-02-15",92],["2004-02-16",95],["2004-02-17",135],["2004-02-18",242],["2004-02-19",451],["2004-02-20",140],["2004-02-21",109],["2004-02-23",88],["2004-02-24",164],["2004-02-25",145],["2004-02-26",46],["2004-02-27",85],["2004-02-28",125],["2004-02-29",54],["2004-03-01",83],["2004-03-02",73],["2004-03-03",60],["2004-03-04",85],["2004-03-05",73],["2004-03-06",51],["2004-03-07",56],["2004-03-08",108],["2004-03-09",179],["2004-03-10",446],["2004-03-11",84],["2004-03-13",104],["2004-03-14",87],["2004-03-15",143],["2004-03-16",206],["2004-03-17",77],["2004-03-19",114],["2004-03-20",87],["2004-03-21",92],["2004-03-22",165],["2004-03-23",104],["2004-03-24",33],["2004-03-25",88],["2004-03-26",137],["2004-03-27",151],["2004-03-28",338],["2004-03-29",239],["2004-03-30",139],["2004-03-31",79],["2004-04-01",123],["2004-04-02",64],["2004-04-03",51],["2004-04-05",133],["2004-04-06",93],["2004-04-07",39],["2004-04-08",111],["2004-04-09",145],["2004-04-10",193],["2004-04-11",131],["2004-04-12",131],["2004-04-13",108],["2004-04-14",95],["2004-04-15",141],["2004-04-16",186],["2004-04-17",156],["2004-04-18",260],["2004-04-19",138],["2004-04-20",133],["2004-04-21",107],["2004-04-22",143],["2004-04-23",61],["2004-04-24",109],["2004-04-25",151],["2004-04-26",63],["2004-04-27",63],["2004-04-28",79],["2004-04-29",138],["2004-04-30",47],["2004-05-01",67],["2004-05-02",84],["2004-05-03",95],["2004-05-04",73],["2004-05-05",89],["2004-05-06",91],["2004-05-07",152],["2004-05-08",189],["2004-05-09",92],["2004-05-10",97],["2004-05-11",107],["2004-05-12",81],["2004-05-13",89],["2004-05-14",93],["2004-05-15",92],["2004-05-16",50],["2004-05-17",61],["2004-05-18",66],["2004-05-19",77],["2004-05-21",56],["2004-05-22",65],["2004-05-23",86],["2004-05-24",134],["2004-05-25",141],["2004-05-26",30],["2004-05-27",83],["2004-05-28",111],["2004-05-29",56],["2004-05-30",66],["2004-05-31",56],["2004-06-01",100],["2004-06-02",109],["2004-06-03",118],["2004-06-04",107],["2004-06-05",74],["2004-06-06",58],["2004-06-07",88],["2004-06-08",100],["2004-06-09",109],["2004-06-10",125],["2004-06-11",114],["2004-06-12",110],["2004-06-13",118],["2004-06-14",135],["2004-06-15",147],["2004-06-16",99],["2004-06-17",29],["2004-06-18",75],["2004-06-19",73],["2004-06-20",97],["2004-06-21",102],["2004-06-22",93],["2004-06-23",78],["2004-06-24",58],["2004-06-25",61],["2004-06-26",100],["2004-06-27",106],["2004-06-28",139],["2004-06-29",152],["2004-06-30",49],["2004-07-01",46],["2004-07-02",85],["2004-07-03",97],["2004-07-04",58],["2004-07-05",56],["2004-07-06",59],["2004-07-07",74],["2004-07-08",63],["2004-07-09",59],["2004-07-10",91],["2004-07-11",70],["2004-07-12",53],["2004-07-13",55],["2004-07-14",67],["2004-07-15",97],["2004-07-16",123],["2004-07-17",118],["2004-07-18",100],["2004-07-19",80],["2004-07-20",135],["2004-07-21",67],["2004-07-22",70],["2004-07-23",105],["2004-07-24",55],["2004-07-25",78],["2004-07-26",78],["2004-07-27",59],["2004-07-28",111],["2004-07-29",78],["2004-07-30",30],["2004-07-31",78],["2004-08-01",91],["2004-08-02",119],["2004-08-03",95],["2004-08-04",73],["2004-08-05",76],["2004-08-06",89],["2004-08-07",117],["2004-08-08",145],["2004-08-09",143],["2004-08-10",84],["2004-08-11",84],["2004-08-12",51],["2004-08-13",31],["2004-08-14",83],["2004-08-15",76],["2004-08-16",51],["2004-08-17",67],["2004-08-18",75],["2004-08-19",68],["2004-08-20",80],["2004-08-21",99],["2004-08-22",70],["2004-08-23",60],["2004-08-24",105],["2004-08-25",122],["2004-08-26",100],["2004-08-27",125],["2004-08-28",70],["2004-08-29",57],["2004-08-30",79],["2004-08-31",68],["2004-09-01",61],["2004-09-02",67],["2004-09-03",77],["2004-09-04",64],["2004-09-05",96],["2004-09-06",101],["2004-09-07",24],["2004-09-08",61],["2004-09-09",80],["2004-09-10",85],["2004-09-11",88],["2004-09-12",95],["2004-09-13",101],["2004-09-14",140],["2004-09-15",34],["2004-09-16",81],["2004-09-17",89],["2004-09-18",86],["2004-09-19",71],["2004-09-20",94],["2004-09-21",40],["2004-09-22",84],["2004-09-23",122],["2004-09-24",197],["2004-09-25",179],["2004-09-26",111],["2004-09-27",114],["2004-09-29",134],["2004-09-30",141],["2004-10-01",17],["2004-10-02",59],["2004-10-03",83],["2004-10-04",118],["2004-10-05",153],["2004-10-06",166],["2004-10-07",325],["2004-10-08",402],["2004-10-09",263],["2004-10-10",374],["2004-10-11",127],["2004-10-12",37],["2004-10-13",62],["2004-10-14",67],["2004-10-15",99],["2004-10-16",116],["2004-10-17",110],["2004-10-18",126],["2004-10-19",149],["2004-10-20",110],["2004-10-21",56],["2004-10-22",59],["2004-10-23",97],["2004-10-24",146],["2004-10-25",142],["2004-10-26",34],["2004-10-27",79],["2004-10-28",154],["2004-10-29",191],["2004-10-30",219],["2004-10-31",157],["2004-11-01",35],["2004-11-02",39],["2004-11-03",124],["2004-11-04",164],["2004-11-05",56],["2004-11-06",92],["2004-11-07",133],["2004-11-08",173],["2004-11-09",86],["2004-11-10",77],["2004-11-11",62],["2004-11-12",45],["2004-11-13",93],["2004-11-14",160],["2004-11-15",54],["2004-11-16",67],["2004-11-17",65],["2004-11-18",99],["2004-11-19",97],["2004-11-20",47],["2004-11-21",93],["2004-11-22",165],["2004-11-23",156],["2004-11-24",89],["2004-11-25",41],["2004-11-26",53],["2004-11-27",89],["2004-11-28",99],["2004-11-29",81],["2004-11-30",139],["2004-12-01",275],["2004-12-02",270],["2004-12-03",330],["2004-12-04",97],["2004-12-05",37],["2004-12-06",97],["2004-12-07",89],["2004-12-08",170],["2004-12-09",248],["2004-12-10",97],["2004-12-11",181],["2004-12-12",123],["2004-12-13",89],["2004-12-14",198],["2004-12-15",305],["2004-12-16",86],["2004-12-17",92],["2004-12-18",143],["2004-12-19",82],["2004-12-20",23],["2004-12-21",81],["2004-12-22",88],["2004-12-23",75],["2004-12-24",99],["2004-12-25",150],["2004-12-26",97],["2004-12-27",44],["2004-12-28",49],["2004-12-29",61],["2004-12-30",80],["2004-12-31",45],["2005-01-01",63],["2005-01-02",118],["2005-01-03",100],["2005-01-04",52],["2005-01-05",104],["2005-01-06",147],["2005-01-07",48],["2005-01-08",56],["2005-01-09",44],["2005-01-10",96],["2005-01-11",67],["2005-01-12",52],["2005-01-13",83],["2005-01-14",65],["2005-01-15",67],["2005-01-16",87],["2005-01-17",111],["2005-01-18",47],["2005-01-19",55],["2005-01-20",57],["2005-01-21",85],["2005-01-22",119],["2005-01-23",174],["2005-01-24",143],["2005-01-25",95],["2005-01-26",115],["2005-01-27",173],["2005-01-28",163],["2005-01-29",95],["2005-01-30",50],["2005-01-31",69],["2005-02-01",69],["2005-02-02",47],["2005-02-03",96],["2005-02-04",79],["2005-02-05",46],["2005-02-06",68],["2005-02-07",71],["2005-02-08",68],["2005-02-09",84],["2005-02-10",38],["2005-02-11",71],["2005-02-12",102],["2005-02-13",122],["2005-02-14",153],["2005-02-15",150],["2005-02-16",69],["2005-02-17",105],["2005-02-18",60],["2005-02-19",42],["2005-02-20",47],["2005-02-21",87],["2005-02-22",102],["2005-02-23",30],["2005-02-24",55],["2005-02-25",46],["2005-02-26",64],["2005-02-27",95],["2005-02-28",61],["2005-03-01",64],["2005-03-02",74],["2005-03-03",57],["2005-03-04",46],["2005-03-05",58],["2005-03-06",114],["2005-03-07",108],["2005-03-08",82],["2005-03-09",80],["2005-03-10",110],["2005-03-11",67],["2005-03-12",59],["2005-03-13",36],["2005-03-14",69],["2005-03-15",99],["2005-03-16",120],["2005-03-17",109],["2005-03-18",52],["2005-03-19",96],["2005-03-20",119],["2005-03-21",94],["2005-03-22",151],["2005-03-23",90],["2005-03-24",63],["2005-03-25",99],["2005-03-26",133],["2005-03-27",161],["2005-03-28",141],["2005-03-29",48],["2005-03-30",122],["2005-03-31",113],["2005-04-01",83],["2005-04-02",82],["2005-04-03",82],["2005-04-04",116],["2005-04-05",332],["2005-04-06",352],["2005-04-07",156],["2005-04-08",100],["2005-04-09",64],["2005-04-10",64],["2005-04-11",95],["2005-04-12",92],["2005-04-13",90],["2005-04-14",179],["2005-04-15",88],["2005-04-16",213],["2005-04-17",143],["2005-04-18",159],["2005-04-19",132],["2005-04-20",173],["2005-04-21",69],["2005-04-22",58],["2005-04-23",107],["2005-04-24",106],["2005-04-25",73],["2005-04-26",115],["2005-04-27",122],["2005-04-28",418],["2005-04-29",98],["2005-04-30",138],["2005-05-01",183],["2005-05-02",122],["2005-05-03",139],["2005-05-04",160],["2005-05-05",97],["2005-05-06",48],["2005-05-07",80],["2005-05-08",130],["2005-05-09",63],["2005-05-10",62],["2005-05-11",86],["2005-05-12",110],["2005-05-13",81],["2005-05-14",85],["2005-05-15",113],["2005-05-16",83],["2005-05-17",49],["2005-05-18",51],["2005-05-19",53],["2005-05-20",80],["2005-05-21",120],["2005-05-22",46],["2005-05-23",59],["2005-05-24",82],["2005-05-25",88],["2005-05-26",107],["2005-05-27",83],["2005-05-28",120],["2005-05-29",100],["2005-05-30",109],["2005-05-31",95],["2005-06-01",93],["2005-06-02",54],["2005-06-03",58],["2005-06-04",77],["2005-06-05",75],["2005-06-06",53],["2005-06-07",86],["2005-06-08",96],["2005-06-09",81],["2005-06-10",85],["2005-06-11",136],["2005-06-12",106],["2005-06-13",94],["2005-06-14",69],["2005-06-15",56],["2005-06-16",83],["2005-06-17",79],["2005-06-18",92],["2005-06-19",116],["2005-06-20",131],["2005-06-21",113],["2005-06-22",116],["2005-06-23",120],["2005-06-24",148],["2005-06-25",141],["2005-06-26",79],["2005-06-27",52],["2005-06-28",84],["2005-06-29",86],["2005-06-30",100],["2005-07-01",97],["2005-07-02",76],["2005-07-03",87],["2005-07-04",64],["2005-07-05",63],["2005-07-06",70],["2005-07-07",89],["2005-07-08",98],["2005-07-09",91],["2005-07-10",79],["2005-07-11",69],["2005-07-12",81],["2005-07-13",93],["2005-07-14",93],["2005-07-15",97],["2005-07-17",150],["2005-07-18",103],["2005-07-19",114],["2005-07-20",125],["2005-07-21",104],["2005-07-22",79],["2005-07-23",51],["2005-07-24",23],["2005-07-25",75],["2005-07-26",109],["2005-07-27",73],["2005-07-28",63],["2005-07-29",57],["2005-07-30",95],["2005-07-31",79],["2005-08-01",81],["2005-08-02",68],["2005-08-03",72],["2005-08-04",46],["2005-08-05",63],["2005-08-06",86],["2005-08-07",71],["2005-08-08",72],["2005-08-09",62],["2005-08-10",60],["2005-08-11",146],["2005-08-12",141],["2005-08-13",63],["2005-08-14",98],["2005-08-15",100],["2005-08-16",46],["2005-08-17",26],["2005-08-18",53],["2005-08-19",59],["2005-08-20",79],["2005-08-21",110],["2005-08-22",91],["2005-08-23",97],["2005-08-24",90],["2005-08-25",85],["2005-08-26",110],["2005-08-27",94],["2005-08-28",154],["2005-08-29",136],["2005-08-30",113],["2005-08-31",152],["2005-09-01",118],["2005-09-02",42],["2005-09-03",68],["2005-09-04",80],["2005-09-05",90],["2005-09-06",99],["2005-09-07",98],["2005-09-08",83],["2005-09-09",141],["2005-09-10",164],["2005-09-11",182],["2005-09-12",107],["2005-09-13",76],["2005-09-14",62],["2005-09-15",104],["2005-09-16",78],["2005-09-17",73],["2005-09-18",66],["2005-09-19",99],["2005-09-20",92],["2005-09-21",71],["2005-09-22",60],["2005-09-23",110],["2005-09-24",112],["2005-09-25",134],["2005-09-26",168],["2005-09-27",97],["2005-09-28",115],["2005-09-29",100],["2005-09-30",47],["2005-10-01",88],["2005-10-02",72],["2005-10-03",70],["2005-10-04",77],["2005-10-05",103],["2005-10-06",136],["2005-10-07",82],["2005-10-08",42],["2005-10-09",93],["2005-10-10",167],["2005-10-11",152],["2005-10-12",183],["2005-10-13",155],["2005-10-14",50],["2005-10-15",73],["2005-10-16",120],["2005-10-17",57],["2005-10-18",96],["2005-10-19",94],["2005-10-20",151],["2005-10-21",96],["2005-10-22",92],["2005-10-23",135],["2005-10-24",139],["2005-10-25",99],["2005-10-26",176],["2005-10-27",156],["2005-10-28",24],["2005-10-29",48],["2005-10-30",54],["2005-10-31",97],["2005-11-01",134],["2005-11-02",252],["2005-11-03",334],["2005-11-04",330],["2005-11-05",472],["2005-11-06",191],["2005-11-07",141],["2005-11-08",45],["2005-11-09",104],["2005-11-10",156],["2005-11-11",79],["2005-11-12",95],["2005-11-13",70],["2005-11-14",80],["2005-11-15",60],["2005-11-16",104],["2005-11-17",160],["2005-11-18",184],["2005-11-19",126],["2005-11-20",91],["2005-11-21",73],["2005-11-22",134],["2005-11-23",76],["2005-11-24",108],["2005-11-25",127],["2005-11-26",131],["2005-11-27",163],["2005-11-28",220],["2005-11-29",73],["2005-11-30",154],["2005-12-01",97],["2005-12-02",58],["2005-12-03",99],["2005-12-04",61],["2005-12-05",60],["2005-12-06",37],["2005-12-07",39],["2005-12-08",72],["2005-12-09",121],["2005-12-10",99],["2005-12-11",44],["2005-12-12",49],["2005-12-13",40],["2005-12-14",53],["2005-12-15",50],["2005-12-16",49],["2005-12-17",44],["2005-12-18",77],["2005-12-19",129],["2005-12-20",114],["2005-12-21",57],["2005-12-22",86],["2005-12-23",120],["2005-12-24",102],["2005-12-25",146],["2005-12-26",61],["2005-12-27",57],["2005-12-28",122],["2005-12-29",113],["2005-12-30",157],["2005-12-31",76],["2006-01-01",108],["2006-01-02",100],["2006-01-03",119],["2006-01-04",69],["2006-01-05",53],["2006-01-06",54],["2006-01-07",62],["2006-01-08",100],["2006-01-09",103],["2006-01-10",147],["2006-01-11",100],["2006-01-12",110],["2006-01-13",98],["2006-01-14",107],["2006-01-15",252],["2006-01-16",243],["2006-01-17",116],["2006-01-18",110],["2006-01-19",181],["2006-01-20",273],["2006-01-21",310],["2006-01-22",136],["2006-01-23",110],["2006-01-24",146],["2006-01-25",119],["2006-01-26",157],["2006-01-27",153],["2006-01-28",69],["2006-01-29",143],["2006-01-30",54],["2006-01-31",65],["2006-02-01",83],["2006-02-02",75],["2006-02-03",56],["2006-02-04",73],["2006-02-05",114],["2006-02-06",138],["2006-02-07",61],["2006-02-08",34],["2006-02-09",70],["2006-02-10",93],["2006-02-11",99],["2006-02-12",110],["2006-02-13",228],["2006-02-14",178],["2006-02-15",64],["2006-02-16",93],["2006-02-17",59],["2006-02-18",87],["2006-02-19",95],["2006-02-20",133],["2006-02-21",215],["2006-02-22",75],["2006-02-23",93],["2006-02-24",74],["2006-02-25",112],["2006-02-26",54],["2006-02-27",81],["2006-02-28",83],["2006-03-01",62],["2006-03-02",49],["2006-03-03",89],["2006-03-04",154],["2006-03-05",99],["2006-03-06",80],["2006-03-07",90],["2006-03-08",98],["2006-03-09",91],["2006-03-10",408],["2006-03-11",95],["2006-03-12",85],["2006-03-13",90],["2006-03-14",88],["2006-03-15",109],["2006-03-16",91],["2006-03-17",135],["2006-03-18",256],["2006-03-19",84],["2006-03-20",226],["2006-03-21",197],["2006-03-22",181],["2006-03-23",66],["2006-03-24",97],["2006-03-25",206],["2006-03-26",99],["2006-03-27",347],["2006-03-28",98],["2006-03-29",124],["2006-03-30",92],["2006-03-31",96],["2006-04-01",183],["2006-04-02",122],["2006-04-03",187],["2006-04-04",162],["2006-04-05",99],["2006-04-06",78],["2006-04-07",158],["2006-04-08",186],["2006-04-09",500],["2006-04-10",500],["2006-04-11",166],["2006-04-12",95],["2006-04-13",60],["2006-04-14",149],["2006-04-15",128],["2006-04-16",84],["2006-04-17",500],["2006-04-18",168],["2006-04-19",319],["2006-04-20",79],["2006-04-21",123],["2006-04-22",145],["2006-04-23",203],["2006-04-24",94],["2006-04-25",128],["2006-04-26",210],["2006-04-27",98],["2006-04-28",99],["2006-04-29",131],["2006-04-30",165],["2006-05-01",432],["2006-05-02",94],["2006-05-03",92],["2006-05-04",147],["2006-05-05",95],["2006-05-06",93],["2006-05-07",138],["2006-05-08",123],["2006-05-09",79],["2006-05-10",71],["2006-05-11",61],["2006-05-12",63],["2006-05-13",44],["2006-05-14",93],["2006-05-15",95],["2006-05-16",98],["2006-05-17",500],["2006-05-18",168],["2006-05-19",240],["2006-05-20",82],["2006-05-21",96],["2006-05-22",96],["2006-05-23",95],["2006-05-24",84],["2006-05-25",91],["2006-05-26",78],["2006-05-27",32],["2006-05-28",51],["2006-05-29",84],["2006-05-30",98],["2006-05-31",118],["2006-06-01",96],["2006-06-02",112],["2006-06-03",69],["2006-06-04",100],["2006-06-05",137],["2006-06-06",147],["2006-06-07",86],["2006-06-08",65],["2006-06-09",92],["2006-06-10",39],["2006-06-11",61],["2006-06-12",96],["2006-06-13",77],["2006-06-14",43],["2006-06-15",78],["2006-06-16",86],["2006-06-17",50],["2006-06-18",68],["2006-06-19",97],["2006-06-20",84],["2006-06-21",152],["2006-06-22",118],["2006-06-23",123],["2006-06-24",76],["2006-06-25",68],["2006-06-26",84],["2006-06-27",75],["2006-06-28",90],["2006-06-29",66],["2006-06-30",42],["2006-07-01",57],["2006-07-02",52],["2006-07-03",81],["2006-07-04",75],["2006-07-05",97],["2006-07-06",60],["2006-07-07",65],["2006-07-08",67],["2006-07-09",82],["2006-07-10",99],["2006-07-11",66],["2006-07-12",72],["2006-07-13",44],["2006-07-14",78],["2006-07-15",70],["2006-07-16",69],["2006-07-17",58],["2006-07-18",43],["2006-07-19",55],["2006-07-20",74],["2006-07-21",76],["2006-07-22",36],["2006-07-23",72],["2006-07-24",61],["2006-07-25",46],["2006-07-26",50],["2006-07-27",65],["2006-07-28",98],["2006-07-29",115],["2006-07-30",138],["2006-07-31",88],["2006-08-01",47],["2006-08-02",39],["2006-08-03",61],["2006-08-04",64],["2006-08-05",74],["2006-08-06",100],["2006-08-07",82],["2006-08-08",84],["2006-08-09",64],["2006-08-10",89],["2006-08-11",75],["2006-08-12",98],["2006-08-13",69],["2006-08-14",27],["2006-08-15",70],["2006-08-16",84],["2006-08-17",91],["2006-08-18",85],["2006-08-19",97],["2006-08-20",77],["2006-08-21",45],["2006-08-22",69],["2006-08-23",67],["2006-08-24",99],["2006-08-25",131],["2006-08-26",69],["2006-08-27",66],["2006-08-28",93],["2006-08-29",62],["2006-08-30",59],["2006-08-31",64],["2006-09-01",89],["2006-09-02",100],["2006-09-03",109],["2006-09-04",28],["2006-09-05",71],["2006-09-06",87],["2006-09-07",112],["2006-09-08",71],["2006-09-09",37],["2006-09-10",67],["2006-09-11",86],["2006-09-12",89],["2006-09-13",100],["2006-09-14",107],["2006-09-15",109],["2006-09-16",116],["2006-09-17",134],["2006-09-18",100],["2006-09-19",132],["2006-09-20",151],["2006-09-21",99],["2006-09-22",95],["2006-09-23",118],["2006-09-24",121],["2006-09-25",119],["2006-09-26",49],["2006-09-27",91],["2006-09-28",98],["2006-09-29",70],["2006-09-30",100],["2006-10-01",139],["2006-10-02",152],["2006-10-03",143],["2006-10-04",73],["2006-10-05",99],["2006-10-06",194],["2006-10-07",100],["2006-10-08",91],["2006-10-09",77],["2006-10-10",131],["2006-10-11",65],["2006-10-12",73],["2006-10-13",121],["2006-10-14",135],["2006-10-15",100],["2006-10-16",146],["2006-10-17",59],["2006-10-18",86],["2006-10-19",121],["2006-10-20",71],["2006-10-21",97],["2006-10-22",87],["2006-10-23",46],["2006-10-24",99],["2006-10-25",139],["2006-10-26",64],["2006-10-27",99],["2006-10-28",163],["2006-10-29",77],["2006-10-30",130],["2006-10-31",154],["2006-11-01",96],["2006-11-02",98],["2006-11-03",140],["2006-11-04",180],["2006-11-05",48],["2006-11-06",93],["2006-11-07",94],["2006-11-08",148],["2006-11-09",61],["2006-11-10",89],["2006-11-11",72],["2006-11-12",136],["2006-11-13",98],["2006-11-14",37],["2006-11-15",78],["2006-11-16",99],["2006-11-17",100],["2006-11-18",129],["2006-11-19",147],["2006-11-20",249],["2006-11-21",414],["2006-11-22",97],["2006-11-23",74],["2006-11-24",153],["2006-11-25",124],["2006-11-26",129],["2006-11-27",47],["2006-11-28",58],["2006-11-29",61],["2006-11-30",96],["2006-12-01",88],["2006-12-02",49],["2006-12-03",66],["2006-12-04",111],["2006-12-05",94],["2006-12-06",78],["2006-12-07",86],["2006-12-08",97],["2006-12-09",81],["2006-12-10",105],["2006-12-11",256],["2006-12-12",500],["2006-12-13",88],["2006-12-14",118],["2006-12-15",94],["2006-12-16",76],["2006-12-17",52],["2006-12-18",100],["2006-12-19",140],["2006-12-20",180],["2006-12-21",180],["2006-12-22",88],["2006-12-23",95],["2006-12-24",85],["2006-12-25",136],["2006-12-26",160],["2006-12-27",80],["2006-12-28",47],["2006-12-29",90],["2006-12-30",157],["2006-12-31",139],["2007-01-01",158],["2007-01-02",150],["2007-01-03",133],["2007-01-04",170],["2007-01-05",322],["2007-01-06",73],["2007-01-07",47],["2007-01-08",45],["2007-01-09",86],["2007-01-10",98],["2007-01-11",75],["2007-01-12",56],["2007-01-13",74],["2007-01-14",102],["2007-01-15",170],["2007-01-16",64],["2007-01-17",84],["2007-01-18",52],["2007-01-19",93],["2007-01-20",147],["2007-01-21",98],["2007-01-22",58],["2007-01-23",96],["2007-01-24",118],["2007-01-25",140],["2007-01-26",68],["2007-01-27",55],["2007-01-28",55],["2007-01-29",114],["2007-01-30",85],["2007-01-31",76],["2007-02-01",50],["2007-02-02",100],["2007-02-03",115],["2007-02-04",93],["2007-02-05",175],["2007-02-06",67],["2007-02-07",110],["2007-02-08",99],["2007-02-09",67],["2007-02-10",61],["2007-02-11",55],["2007-02-12",103],["2007-02-13",181],["2007-02-14",74],["2007-02-15",75],["2007-02-16",97],["2007-02-17",98],["2007-02-18",115],["2007-02-19",99],["2007-02-20",160],["2007-02-21",200],["2007-02-22",173],["2007-02-23",78],["2007-02-24",75],["2007-02-25",123],["2007-02-26",169],["2007-02-27",172],["2007-02-28",108],["2007-03-01",98],["2007-03-02",85],["2007-03-03",87],["2007-03-04",28],["2007-03-05",34],["2007-03-06",35],["2007-03-07",51],["2007-03-08",54],["2007-03-09",105],["2007-03-10",75],["2007-03-11",34],["2007-03-12",68],["2007-03-13",133],["2007-03-14",157],["2007-03-15",106],["2007-03-16",78],["2007-03-17",100],["2007-03-18",121],["2007-03-19",119],["2007-03-21",138],["2007-03-22",145],["2007-03-23",202],["2007-03-24",192],["2007-03-25",79],["2007-03-26",78],["2007-03-27",84],["2007-03-28",98],["2007-03-29",99],["2007-03-30",66],["2007-03-31",103],["2007-04-01",63],["2007-04-02",48],["2007-04-03",40],["2007-04-04",95],["2007-04-05",110],["2007-04-06",148],["2007-04-07",46],["2007-04-08",43],["2007-04-09",96],["2007-04-10",133],["2007-04-11",88],["2007-04-12",107],["2007-04-13",55],["2007-04-14",74],["2007-04-15",72],["2007-04-16",81],["2007-04-17",74],["2007-04-18",100],["2007-04-19",173],["2007-04-20",155],["2007-04-21",62],["2007-04-22",58],["2007-04-23",81],["2007-04-24",78],["2007-04-25",72],["2007-04-26",90],["2007-04-27",113],["2007-04-28",115],["2007-04-29",190],["2007-04-30",151],["2007-05-01",61],["2007-05-02",87],["2007-05-03",96],["2007-05-04",97],["2007-05-05",123],["2007-05-06",91],["2007-05-07",139],["2007-05-08",147],["2007-05-09",98],["2007-05-10",116],["2007-05-11",116],["2007-05-12",99],["2007-05-13",100],["2007-05-14",72],["2007-05-15",97],["2007-05-16",100],["2007-05-17",84],["2007-05-18",58],["2007-05-19",60],["2007-05-20",98],["2007-05-21",82],["2007-05-22",116],["2007-05-23",60],["2007-05-24",169],["2007-05-25",250],["2007-05-26",98],["2007-05-27",118],["2007-05-28",96],["2007-05-29",98],["2007-05-30",126],["2007-05-31",119],["2007-06-01",75],["2007-06-02",107],["2007-06-03",99],["2007-06-04",84],["2007-06-05",99],["2007-06-06",146],["2007-06-07",195],["2007-06-08",194],["2007-06-09",134],["2007-06-10",97],["2007-06-11",136],["2007-06-12",168],["2007-06-13",142],["2007-06-14",52],["2007-06-15",91],["2007-06-16",98],["2007-06-17",123],["2007-06-18",138],["2007-06-19",202],["2007-06-20",151],["2007-06-21",123],["2007-06-22",85],["2007-06-23",121],["2007-06-24",97],["2007-06-25",72],["2007-06-26",98],["2007-06-27",135],["2007-06-28",52],["2007-06-29",95],["2007-06-30",87],["2007-07-01",28],["2007-07-02",77],["2007-07-03",99],["2007-07-04",82],["2007-07-06",145],["2007-07-07",80],["2007-07-08",75],["2007-07-09",115],["2007-07-10",58],["2007-07-11",65],["2007-07-12",78],["2007-07-13",74],["2007-07-14",83],["2007-07-15",93],["2007-07-16",96],["2007-07-17",169],["2007-07-18",98],["2007-07-19",47],["2007-07-20",76],["2007-07-21",98],["2007-07-22",99],["2007-07-23",117],["2007-07-24",99],["2007-07-25",119],["2007-07-26",151],["2007-07-27",150],["2007-07-28",98],["2007-07-29",80],["2007-07-30",138],["2007-07-31",26],["2007-08-01",52],["2007-08-02",42],["2007-08-03",70],["2007-08-04",85],["2007-08-05",98],["2007-08-06",107],["2007-08-07",93],["2007-08-08",88],["2007-08-09",86],["2007-08-10",79],["2007-08-11",74],["2007-08-12",66],["2007-08-13",56],["2007-08-14",76],["2007-08-15",86],["2007-08-16",115],["2007-08-17",91],["2007-08-18",93],["2007-08-19",95],["2007-08-20",95],["2007-08-21",116],["2007-08-22",88],["2007-08-23",77],["2007-08-24",83],["2007-08-25",95],["2007-08-26",78],["2007-08-27",49],["2007-08-28",78],["2007-08-29",64],["2007-08-30",75],["2007-08-31",98],["2007-09-01",108],["2007-09-02",95],["2007-09-03",73],["2007-09-04",77],["2007-09-05",94],["2007-09-06",100],["2007-09-07",98],["2007-09-08",94],["2007-09-09",98],["2007-09-10",142],["2007-09-11",171],["2007-09-12",133],["2007-09-13",97],["2007-09-14",58],["2007-09-15",66],["2007-09-16",99],["2007-09-17",138],["2007-09-18",60],["2007-09-19",24],["2007-09-20",62],["2007-09-21",79],["2007-09-22",99],["2007-09-23",97],["2007-09-24",98],["2007-09-25",95],["2007-09-26",80],["2007-09-27",40],["2007-09-28",63],["2007-09-29",80],["2007-09-30",64],["2007-10-01",75],["2007-10-02",52],["2007-10-03",78],["2007-10-04",94],["2007-10-05",34],["2007-10-06",48],["2007-10-07",28],["2007-10-08",22],["2007-10-09",44],["2007-10-10",69],["2007-10-11",88],["2007-10-12",119],["2007-10-13",95],["2007-10-14",35],["2007-10-15",53],["2007-10-16",66],["2007-10-17",95],["2007-10-18",82],["2007-10-19",49],["2007-10-20",60],["2007-10-21",98],["2007-10-22",100],["2007-10-23",89],["2007-10-24",96],["2007-10-25",143],["2007-10-26",184],["2007-10-27",179],["2007-10-28",27],["2007-10-29",47],["2007-10-30",121],["2007-10-31",95],["2007-11-01",18],["2007-11-02",83],["2007-11-03",57],["2007-11-04",76],["2007-11-05",119],["2007-11-06",172],["2007-11-07",253],["2007-11-08",186],["2007-11-09",35],["2007-11-10",54],["2007-11-11",90],["2007-11-12",159],["2007-11-13",153],["2007-11-14",58],["2007-11-15",31],["2007-11-16",76],["2007-11-17",112],["2007-11-18",45],["2007-11-19",88],["2007-11-20",83],["2007-11-21",98],["2007-11-22",144],["2007-11-23",119],["2007-11-24",117],["2007-11-25",269],["2007-11-26",55],["2007-11-27",85],["2007-11-28",100],["2007-11-29",81],["2007-11-30",78],["2007-12-01",136],["2007-12-02",96],["2007-12-03",71],["2007-12-04",68],["2007-12-05",88],["2007-12-06",129],["2007-12-07",54],["2007-12-08",77],["2007-12-09",118],["2007-12-11",110],["2007-12-12",46],["2007-12-13",56],["2007-12-14",91],["2007-12-15",59],["2007-12-16",89],["2007-12-17",78],["2007-12-18",104],["2007-12-19",155],["2007-12-20",153],["2007-12-21",114],["2007-12-22",166],["2007-12-23",98],["2007-12-24",124],["2007-12-25",280],["2007-12-26",269],["2007-12-27",421],["2007-12-28",500],["2007-12-29",156],["2007-12-30",72],["2007-12-31",58],["2008-01-01",32],["2008-01-02",57],["2008-01-03",75],["2008-01-04",90],["2008-01-05",147],["2008-01-06",146],["2008-01-07",115],["2008-01-08",121],["2008-01-09",94],["2008-01-10",95],["2008-01-11",113],["2008-01-12",46],["2008-01-13",39],["2008-01-14",87],["2008-01-15",119],["2008-01-16",72],["2008-01-17",80],["2008-01-18",122],["2008-01-19",149],["2008-01-20",134],["2008-01-21",66],["2008-01-22",79],["2008-01-23",51],["2008-01-24",50],["2008-01-25",54],["2008-01-26",67],["2008-01-27",70],["2008-01-28",77],["2008-01-29",48],["2008-01-30",44],["2008-01-31",45],["2008-02-01",57],["2008-02-02",64],["2008-02-03",52],["2008-02-04",65],["2008-02-05",83],["2008-02-06",35],["2008-02-08",37],["2008-02-09",38],["2008-02-10",64],["2008-02-11",61],["2008-02-12",64],["2008-02-13",55],["2008-02-14",55],["2008-02-15",68],["2008-02-16",69],["2008-02-17",70],["2008-02-18",72],["2008-02-19",111],["2008-02-20",88],["2008-02-21",152],["2008-02-22",160],["2008-02-23",85],["2008-02-25",65],["2008-02-26",78],["2008-02-27",75],["2008-02-28",84],["2008-02-29",82],["2008-03-01",82],["2008-03-02",126],["2008-03-03",46],["2008-03-04",55],["2008-03-05",86],["2008-03-06",80],["2008-03-08",129],["2008-03-09",158],["2008-03-10",238],["2008-03-11",174],["2008-03-12",128],["2008-03-13",99],["2008-03-14",82],["2008-03-15",110],["2008-03-16",72],["2008-03-17",126],["2008-03-18",304],["2008-03-19",286],["2008-03-20",147],["2008-03-21",98],["2008-03-22",120],["2008-03-23",69],["2008-03-24",76],["2008-03-25",52],["2008-03-26",46],["2008-03-27",55],["2008-03-28",74],["2008-03-29",59],["2008-03-30",81],["2008-03-31",53],["2008-04-01",90],["2008-04-02",63],["2008-04-03",55],["2008-04-04",88],["2008-04-05",145],["2008-04-06",161],["2008-04-07",131],["2008-04-08",177],["2008-04-09",93],["2008-04-10",94],["2008-04-11",65],["2008-04-12",79],["2008-04-13",71],["2008-04-14",98],["2008-04-15",129],["2008-04-16",173],["2008-04-17",159],["2008-04-18",139],["2008-04-19",138],["2008-04-20",97],["2008-04-21",19],["2008-04-22",32],["2008-04-23",43],["2008-04-24",76],["2008-04-25",100],["2008-04-26",72],["2008-04-27",79],["2008-04-28",94],["2008-04-29",176],["2008-04-30",155],["2008-05-01",140],["2008-05-02",144],["2008-05-03",185],["2008-05-04",32],["2008-05-05",81],["2008-05-06",134],["2008-05-07",138],["2008-05-08",95],["2008-05-09",89],["2008-05-10",62],["2008-05-11",54],["2008-05-12",24],["2008-05-13",57],["2008-05-14",87],["2008-05-15",77],["2008-05-16",107],["2008-05-17",117],["2008-05-18",91],["2008-05-19",83],["2008-05-20",112],["2008-05-21",408],["2008-05-22",153],["2008-05-23",186],["2008-05-24",161],["2008-05-25",121],["2008-05-26",138],["2008-05-27",463],["2008-05-28",253],["2008-05-29",395],["2008-05-30",95],["2008-05-31",115],["2008-06-01",92],["2008-06-02",50],["2008-06-03",74],["2008-06-05",78],["2008-06-06",94],["2008-06-07",81],["2008-06-08",126],["2008-06-09",97],["2008-06-10",100],["2008-06-11",80],["2008-06-12",89],["2008-06-13",105],["2008-06-14",96],["2008-06-15",93],["2008-06-16",84],["2008-06-17",55],["2008-06-18",61],["2008-06-19",120],["2008-06-20",165],["2008-06-21",81],["2008-06-22",125],["2008-06-23",81],["2008-06-24",75],["2008-06-25",109],["2008-06-26",87],["2008-06-27",88],["2008-06-28",89],["2008-06-30",98],["2008-07-01",72],["2008-07-02",61],["2008-07-03",92],["2008-07-04",100],["2008-07-05",66],["2008-07-06",39],["2008-07-07",69],["2008-07-08",98],["2008-07-09",62],["2008-07-10",85],["2008-07-11",112],["2008-07-12",74],["2008-07-13",59],["2008-07-14",84],["2008-07-15",31],["2008-07-16",66],["2008-07-17",77],["2008-07-18",66],["2008-07-19",64],["2008-07-20",55],["2008-07-21",64],["2008-07-22",66],["2008-07-23",89],["2008-07-24",113],["2008-07-25",109],["2008-07-26",118],["2008-07-27",113],["2008-07-28",96],["2008-07-29",90],["2008-07-30",43],["2008-07-31",69],["2008-08-01",27],["2008-08-02",34],["2008-08-03",35],["2008-08-04",83],["2008-08-05",88],["2008-08-06",85],["2008-08-07",95],["2008-08-08",94],["2008-08-09",78],["2008-08-10",82],["2008-08-11",37],["2008-08-12",32],["2008-08-13",60],["2008-08-14",61],["2008-08-15",17],["2008-08-16",23],["2008-08-16",84],["2008-08-17",42],["2008-08-18",25],["2008-08-19",42],["2008-08-20",53],["2008-08-21",60],["2008-08-22",36],["2008-08-23",41],["2008-08-24",45],["2008-08-25",67],["2008-08-26",64],["2008-08-27",56],["2008-08-28",79],["2008-08-29",110],["2008-08-30",64],["2008-08-31",24],["2008-09-01",25],["2008-09-02",37],["2008-09-03",72],["2008-09-04",57],["2008-09-05",58],["2008-09-06",59],["2008-09-07",86],["2008-09-08",49],["2008-09-09",64],["2008-09-10",51],["2008-09-11",46],["2008-09-12",58],["2008-09-13",57],["2008-09-14",56],["2008-09-15",58],["2008-09-16",63],["2008-09-17",62],["2008-09-19",66],["2008-09-20",59],["2008-09-21",88],["2008-09-22",59],["2008-09-23",12],["2008-09-24",26],["2008-09-25",30],["2008-09-26",17],["2008-09-28",71],["2008-09-29",83],["2008-09-30",106],["2008-10-01",104],["2008-10-02",126],["2008-10-03",108],["2008-10-04",63],["2008-10-05",49],["2008-10-06",25],["2008-10-07",58],["2008-10-08",75],["2008-10-09",47],["2008-10-10",58],["2008-10-11",44],["2008-10-12",59],["2008-10-13",92],["2008-10-14",114],["2008-10-15",85],["2008-10-16",61],["2008-10-17",93],["2008-10-18",174],["2008-10-19",86],["2008-10-20",86],["2008-10-21",134],["2008-10-22",111],["2008-10-23",43],["2008-10-24",14],["2008-10-25",58],["2008-10-26",32],["2008-10-27",32],["2008-10-28",67],["2008-10-29",80],["2008-10-30",58],["2008-10-31",79],["2008-11-01",71],["2008-11-02",60],["2008-11-03",54],["2008-11-04",68],["2008-11-05",109],["2008-11-06",97],["2008-11-07",55],["2008-11-08",65],["2008-11-09",86],["2008-11-10",94],["2008-11-11",131],["2008-11-12",186],["2008-11-13",161],["2008-11-14",34],["2008-11-15",120],["2008-11-16",54],["2008-11-17",46],["2008-11-18",28],["2008-11-19",40],["2008-11-20",103],["2008-11-21",52],["2008-11-22",91],["2008-11-23",95],["2008-11-24",97],["2008-11-25",59],["2008-11-26",89],["2008-11-27",40],["2008-11-28",77],["2008-11-29",53],["2008-11-30",84],["2008-12-01",146],["2008-12-02",87],["2008-12-03",144],["2008-12-04",51],["2008-12-05",59],["2008-12-06",51],["2008-12-07",112],["2008-12-08",169],["2008-12-09",246],["2008-12-10",162],["2008-12-11",96],["2008-12-12",154],["2008-12-13",57],["2008-12-14",86],["2008-12-15",109],["2008-12-16",135],["2008-12-17",134],["2008-12-18",46],["2008-12-19",98],["2008-12-20",45],["2008-12-21",67],["2008-12-22",49],["2008-12-23",89],["2008-12-24",115],["2008-12-25",55],["2008-12-26",66],["2008-12-27",129],["2008-12-28",134],["2008-12-29",69],["2008-12-30",36],["2008-12-31",29],["2009-01-01",42],["2009-01-02",79],["2009-01-03",90],["2009-01-04",69],["2009-01-05",64],["2009-01-06",71],["2009-01-07",56],["2009-01-08",100],["2009-01-09",32],["2009-01-10",54],["2009-01-11",51],["2009-01-12",36],["2009-01-13",59],["2009-01-14",43],["2009-01-15",72],["2009-01-16",90],["2009-01-17",74],["2009-01-18",97],["2009-01-19",76],["2009-01-20",137],["2009-01-21",109],["2009-01-22",117],["2009-01-23",97],["2009-01-24",67],["2009-01-25",48],["2009-01-26",88],["2009-01-27",95],["2009-01-28",129],["2009-01-29",135],["2009-01-30",131],["2009-01-31",133],["2009-02-01",91],["2009-02-02",107],["2009-02-03",87],["2009-02-04",80],["2009-02-05",98],["2009-02-06",78],["2009-02-07",90],["2009-02-08",71],["2009-02-09",112],["2009-02-10",307],["2009-02-11",89],["2009-02-12",139],["2009-02-13",82],["2009-02-14",72],["2009-02-15",53],["2009-02-16",55],["2009-02-17",56],["2009-02-19",64],["2009-02-20",99],["2009-02-21",86],["2009-02-22",80],["2009-02-23",59],["2009-02-24",84],["2009-02-25",36],["2009-02-26",68],["2009-02-27",96],["2009-02-28",67],["2009-03-01",93],["2009-03-02",59],["2009-03-03",98],["2009-03-04",161],["2009-03-05",96],["2009-03-06",19],["2009-03-07",73],["2009-03-08",119],["2009-03-09",64],["2009-03-10",74],["2009-03-11",85],["2009-03-12",88],["2009-03-13",99],["2009-03-14",81],["2009-03-15",119],["2009-03-16",100],["2009-03-17",169],["2009-03-18",268],["2009-03-19",195],["2009-03-20",80],["2009-03-21",82],["2009-03-22",77],["2009-03-23",64],["2009-03-24",59],["2009-03-25",44],["2009-03-26",58],["2009-03-27",79],["2009-03-28",69],["2009-03-29",69],["2009-03-30",71],["2009-03-31",51],["2009-04-01",27],["2009-04-02",72],["2009-04-03",91],["2009-04-04",96],["2009-04-05",72],["2009-04-06",53],["2009-04-07",94],["2009-04-08",140],["2009-04-09",117],["2009-04-10",115],["2009-04-11",113],["2009-04-12",122],["2009-04-13",148],["2009-04-14",75],["2009-04-15",81],["2009-04-16",69],["2009-04-17",84],["2009-04-18",116],["2009-04-19",97],["2009-04-20",63],["2009-04-21",34],["2009-04-22",59],["2009-04-23",70],["2009-04-24",77],["2009-04-25",54],["2009-04-26",34],["2009-04-27",57],["2009-04-28",78],["2009-04-29",73],["2009-04-30",95],["2009-05-01",95],["2009-05-02",54],["2009-05-03",82],["2009-05-04",96],["2009-05-05",106],["2009-05-06",100],["2009-05-07",109],["2009-05-08",125],["2009-05-09",106],["2009-05-10",57],["2009-05-11",72],["2009-05-12",75],["2009-05-13",63],["2009-05-14",91],["2009-05-15",64],["2009-05-16",81],["2009-05-17",78],["2009-05-18",90],["2009-05-19",97],["2009-05-20",98],["2009-05-21",85],["2009-05-22",27],["2009-05-23",65],["2009-05-24",95],["2009-05-25",128],["2009-05-26",81],["2009-05-27",105],["2009-05-28",94],["2009-05-29",59],["2009-05-30",45],["2009-05-31",56],["2009-06-01",79],["2009-06-02",55],["2009-06-03",61],["2009-06-04",71],["2009-06-05",68],["2009-06-06",67],["2009-06-07",63],["2009-06-08",77],["2009-06-09",34],["2009-06-10",21],["2009-06-11",66],["2009-06-12",60],["2009-06-13",58],["2009-06-14",61],["2009-06-15",70],["2009-06-16",89],["2009-06-17",75],["2009-06-18",104],["2009-06-20",165],["2009-06-21",98],["2009-06-22",42],["2009-06-23",60],["2009-06-24",67],["2009-06-25",81],["2009-06-26",104],["2009-06-27",116],["2009-06-28",96],["2009-06-29",90],["2009-06-30",48],["2009-07-01",30],["2009-07-02",51],["2009-07-03",73],["2009-07-04",103],["2009-07-05",110],["2009-07-06",70],["2009-07-07",93],["2009-07-08",85],["2009-07-09",48],["2009-07-10",79],["2009-07-11",94],["2009-07-12",72],["2009-07-13",104],["2009-07-14",57],["2009-07-15",71],["2009-07-16",100],["2009-07-17",60],["2009-07-18",45],["2009-07-19",74],["2009-07-20",69],["2009-07-21",60],["2009-07-22",101],["2009-07-23",64],["2009-07-24",36],["2009-07-25",29],["2009-07-26",59],["2009-07-27",81],["2009-07-28",79],["2009-07-29",107],["2009-07-30",109],["2009-07-31",71],["2009-08-01",89],["2009-08-02",59],["2009-08-03",75],["2009-08-04",97],["2009-08-05",74],["2009-08-06",58],["2009-08-07",74],["2009-08-08",75],["2009-08-09",81],["2009-08-10",60],["2009-08-11",75],["2009-08-12",68],["2009-08-13",82],["2009-08-14",123],["2009-08-15",115],["2009-08-16",113],["2009-08-17",63],["2009-08-18",76],["2009-08-19",77],["2009-08-20",38],["2009-08-21",62],["2009-08-22",58],["2009-08-23",71],["2009-08-24",97],["2009-08-25",90],["2009-08-26",97],["2009-08-27",69],["2009-08-28",36],["2009-08-29",61],["2009-08-30",69],["2009-08-31",78],["2009-09-01",88],["2009-09-02",98],["2009-09-03",109],["2009-09-04",99],["2009-09-05",92],["2009-09-06",32],["2009-09-07",20],["2009-09-08",51],["2009-09-09",66],["2009-09-10",77],["2009-09-11",69],["2009-09-12",42],["2009-09-13",65],["2009-09-14",91],["2009-09-15",72],["2009-09-16",93],["2009-09-17",117],["2009-09-18",121],["2009-09-19",75],["2009-09-20",101],["2009-09-21",111],["2009-09-22",79],["2009-09-23",90],["2009-09-24",108],["2009-09-25",130],["2009-09-26",98],["2009-09-27",66],["2009-09-28",74],["2009-09-29",97],["2009-09-30",112],["2009-10-01",88],["2009-10-02",22],["2009-10-03",29],["2009-10-04",44],["2009-10-05",69],["2009-10-06",83],["2009-10-07",74],["2009-10-08",72],["2009-10-09",88],["2009-10-10",73],["2009-10-11",94],["2009-10-12",108],["2009-10-13",37],["2009-10-14",42],["2009-10-15",72],["2009-10-16",114],["2009-10-17",57],["2009-10-18",92],["2009-10-19",90],["2009-10-20",77],["2009-10-21",76],["2009-10-22",100],["2009-10-23",111],["2009-10-24",141],["2009-10-25",147],["2009-10-26",77],["2009-10-27",68],["2009-10-28",100],["2009-10-29",137],["2009-10-30",120],["2009-10-31",51],["2009-11-01",48],["2009-11-02",12],["2009-11-03",66],["2009-11-04",111],["2009-11-05",136],["2009-11-06",186],["2009-11-07",276],["2009-11-08",259],["2009-11-09",84],["2009-11-10",20],["2009-11-11",34],["2009-11-12",53],["2009-11-13",59],["2009-11-14",53],["2009-11-15",26],["2009-11-16",29],["2009-11-17",35],["2009-11-18",66],["2009-11-19",47],["2009-11-20",74],["2009-11-21",63],["2009-11-22",121],["2009-11-23",149],["2009-11-24",184],["2009-11-25",79],["2009-11-26",107],["2009-11-27",132],["2009-11-28",99],["2009-11-29",167],["2009-11-30",117],["2009-12-01",86],["2009-12-02",133],["2009-12-03",36],["2009-12-04",99],["2009-12-05",62],["2009-12-06",94],["2009-12-07",141],["2009-12-08",186],["2009-12-10",167],["2009-12-11",147],["2009-12-12",31],["2009-12-13",80],["2009-12-14",96],["2009-12-15",49],["2009-12-16",55],["2009-12-17",45],["2009-12-18",42],["2009-12-19",44],["2009-12-20",48],["2009-12-21",63],["2009-12-22",94],["2009-12-23",93],["2009-12-24",133],["2009-12-25",500],["2009-12-26",96],["2009-12-27",94],["2009-12-28",89],["2009-12-29",160],["2009-12-30",55],["2009-12-31",55],["2010-01-01",91],["2010-01-02",105],["2010-01-03",90],["2010-01-04",49],["2010-01-05",47],["2010-01-06",59],["2010-01-07",64],["2010-01-08",80],["2010-01-09",100],["2010-01-10",60],["2010-01-11",52],["2010-01-12",30],["2010-01-13",54],["2010-01-14",76],["2010-01-15",58],["2010-01-16",85],["2010-01-17",124],["2010-01-18",143],["2010-01-19",183],["2010-01-20",140],["2010-01-21",24],["2010-01-22",57],["2010-01-23",78],["2010-01-24",66],["2010-01-25",99],["2010-01-26",76],["2010-01-27",128],["2010-01-28",63],["2010-01-29",43],["2010-01-30",58],["2010-01-31",56],["2010-02-01",65],["2010-02-02",61],["2010-02-03",54],["2010-02-04",54],["2010-02-05",63],["2010-02-06",70],["2010-02-07",61],["2010-02-08",87],["2010-02-09",109],["2010-02-10",50],["2010-02-11",23],["2010-02-12",31],["2010-02-14",137],["2010-02-15",38],["2010-02-16",52],["2010-02-17",94],["2010-02-18",58],["2010-02-19",98],["2010-02-20",87],["2010-02-21",118],["2010-02-22",82],["2010-02-23",92],["2010-02-24",152],["2010-02-25",153],["2010-02-26",76],["2010-02-27",65],["2010-02-28",80],["2010-03-01",56],["2010-03-02",72],["2010-03-03",113],["2010-03-04",140],["2010-03-05",97],["2010-03-06",27],["2010-03-07",71],["2010-03-08",68],["2010-03-09",25],["2010-03-10",56],["2010-03-11",89],["2010-03-12",98],["2010-03-13",76],["2010-03-14",90],["2010-03-16",77],["2010-03-17",66],["2010-03-18",76],["2010-03-19",145],["2010-03-20",500],["2010-03-21",136],["2010-03-22",245],["2010-03-23",157],["2010-03-24",92],["2010-03-25",60],["2010-03-26",83],["2010-03-27",110],["2010-03-28",82],["2010-03-29",100],["2010-03-30",159],["2010-03-31",94],["2010-04-01",99],["2010-04-02",63],["2010-04-03",73],["2010-04-04",147],["2010-04-05",125],["2010-04-06",56],["2010-04-07",77],["2010-04-08",147],["2010-04-09",163],["2010-04-10",69],["2010-04-11",77],["2010-04-12",66],["2010-04-13",61],["2010-04-14",59],["2010-04-15",93],["2010-04-16",147],["2010-04-17",94],["2010-04-18",109],["2010-04-19",150],["2010-04-20",74],["2010-04-21",60],["2010-04-22",31],["2010-04-23",40],["2010-04-24",72],["2010-04-25",100],["2010-04-26",45],["2010-04-27",50],["2010-04-28",52],["2010-04-29",46],["2010-04-30",54],["2010-05-01",90],["2010-05-02",116],["2010-05-03",97],["2010-05-04",149],["2010-05-05",119],["2010-05-06",17],["2010-05-07",86],["2010-05-08",145],["2010-05-09",144],["2010-05-10",146],["2010-05-11",58],["2010-05-12",59],["2010-05-13",78],["2010-05-14",95],["2010-05-15",133],["2010-05-16",121],["2010-05-17",52],["2010-05-18",53],["2010-05-19",61],["2010-05-20",75],["2010-05-22",127],["2010-05-23",122],["2010-05-24",91],["2010-05-25",46],["2010-05-26",76],["2010-05-27",82],["2010-05-28",63],["2010-05-29",84],["2010-05-30",39],["2010-05-31",58],["2010-06-01",69],["2010-06-02",68],["2010-06-03",83],["2010-06-04",88],["2010-06-05",96],["2010-06-06",114],["2010-06-07",118],["2010-06-08",98],["2010-06-09",86],["2010-06-10",64],["2010-06-11",58],["2010-06-12",81],["2010-06-13",82],["2010-06-14",66],["2010-06-15",95],["2010-06-16",77],["2010-06-17",56],["2010-06-18",47],["2010-06-19",77],["2010-06-20",71],["2010-06-21",71],["2010-06-23",77],["2010-06-24",83],["2010-06-25",99],["2010-06-26",112],["2010-06-27",93],["2010-06-28",94],["2010-06-29",123],["2010-06-30",100],["2010-07-01",118],["2010-07-02",40],["2010-07-03",63],["2010-07-04",86],["2010-07-05",66],["2010-07-06",54],["2010-07-07",73],["2010-07-08",80],["2010-07-09",74],["2010-07-10",59],["2010-07-11",68],["2010-07-12",73],["2010-07-13",84],["2010-07-14",78],["2010-07-15",89],["2010-07-16",115],["2010-07-17",84],["2010-07-18",87],["2010-07-19",121],["2010-07-21",63],["2010-07-22",90],["2010-07-23",123],["2010-07-24",88],["2010-07-25",100],["2010-07-26",121],["2010-07-27",139],["2010-07-28",100],["2010-07-29",119],["2010-07-30",113],["2010-07-31",92],["2010-08-01",48],["2010-08-02",68],["2010-08-03",83],["2010-08-04",98],["2010-08-05",26],["2010-08-06",31],["2010-08-07",71],["2010-08-08",57],["2010-08-09",94],["2010-08-10",90],["2010-08-11",94],["2010-08-12",64],["2010-08-13",83],["2010-08-13",83],["2010-08-14",84],["2010-08-15",57],["2010-08-16",66],["2010-08-17",94],["2010-08-18",137],["2010-08-19",73],["2010-08-20",76],["2010-08-21",56],["2010-08-22",23],["2010-08-23",54],["2010-08-24",87],["2010-08-25",65],["2010-08-26",66],["2010-08-27",52],["2010-08-28",55],["2010-08-29",76],["2010-08-30",79],["2010-08-31",78],["2010-09-01",67],["2010-09-02",54],["2010-09-03",73],["2010-09-04",64],["2010-09-05",80],["2010-09-06",87],["2010-09-07",95],["2010-09-08",67],["2010-09-09",89],["2010-09-10",75],["2010-09-11",49],["2010-09-12",67],["2010-09-13",84],["2010-09-14",97],["2010-09-15",134],["2010-09-16",122],["2010-09-17",62],["2010-09-18",19],["2010-09-19",50],["2010-09-20",60],["2010-09-21",23],["2010-09-22",24],["2010-09-23",52],["2010-09-24",72],["2010-09-25",93],["2010-09-26",84],["2010-09-27",57],["2010-09-28",32],["2010-09-29",65],["2010-09-30",92],["2010-10-01",125],["2010-10-02",88],["2010-10-03",17],["2010-10-04",36],["2010-10-05",63],["2010-10-06",95],["2010-10-07",186],["2010-10-08",192],["2010-10-09",177],["2010-10-10",202],["2010-10-11",70],["2010-10-12",27],["2010-10-13",65],["2010-10-14",58],["2010-10-15",30],["2010-10-16",80],["2010-10-17",65],["2010-10-18",80],["2010-10-19",50],["2010-10-20",66],["2010-10-21",83],["2010-10-22",95],["2010-10-23",103],["2010-10-24",96],["2010-10-25",17],["2010-10-26",15],["2010-10-27",63],["2010-10-28",92],["2010-10-29",67],["2010-10-30",62],["2010-10-31",70],["2010-11-01",65],["2010-11-02",36],["2010-11-03",86],["2010-11-04",81],["2010-11-05",86],["2010-11-06",107],["2010-11-07",142],["2010-11-08",34],["2010-11-09",34],["2010-11-10",85],["2010-11-11",139],["2010-11-12",51],["2010-11-13",66],["2010-11-14",39],["2010-11-15",34],["2010-11-16",96],["2010-11-17",122],["2010-11-18",243],["2010-11-19",313],["2010-11-20",165],["2010-11-21",192],["2010-11-22",37],["2010-11-23",100],["2010-11-24",141],["2010-11-25",42],["2010-11-26",88],["2010-11-27",130],["2010-11-28",72],["2010-11-29",143],["2010-11-30",132],["2010-12-01",177],["2010-12-02",199],["2010-12-03",52],["2010-12-04",97],["2010-12-05",125],["2010-12-06",37],["2010-12-07",65],["2010-12-08",81],["2010-12-09",97],["2010-12-10",176],["2010-12-11",50],["2010-12-12",85],["2010-12-13",72],["2010-12-14",31],["2010-12-15",53],["2010-12-16",92],["2010-12-17",105],["2010-12-18",156],["2010-12-19",182],["2010-12-20",100],["2010-12-21",165],["2010-12-22",222],["2010-12-23",30],["2010-12-24",40],["2010-12-25",57],["2010-12-26",66],["2010-12-27",82],["2010-12-28",70],["2010-12-29",63],["2010-12-30",67],["2010-12-31",47],["2011-01-01",34],["2011-01-02",41],["2011-01-03",82],["2011-01-04",96],["2011-01-05",55],["2011-01-06",35],["2011-01-07",36],["2011-01-08",78],["2011-01-09",35],["2011-01-10",34],["2011-01-11",67],["2011-01-12",49],["2011-01-13",90],["2011-01-14",73],["2011-01-16",35],["2011-01-17",62],["2011-01-18",30],["2011-01-19",39],["2011-01-20",36],["2011-01-21",61],["2011-01-22",76],["2011-01-23",50],["2011-01-24",35],["2011-01-25",61],["2011-01-26",41],["2011-01-27",59],["2011-01-28",41],["2011-01-29",30],["2011-01-30",25],["2011-01-31",48],["2011-02-01",53],["2011-02-02",58],["2011-02-03",83],["2011-02-04",111],["2011-02-05",75],["2011-02-06",84],["2011-02-07",77],["2011-02-09",83],["2011-02-10",58],["2011-02-11",58],["2011-02-12",21],["2011-02-13",53],["2011-02-14",41],["2011-02-15",74],["2011-02-16",146],["2011-02-17",132],["2011-02-18",115],["2011-02-19",112],["2011-02-20",100],["2011-02-21",333],["2011-02-22",270],["2011-02-23",208],["2011-02-25",56],["2011-02-26",56],["2011-02-27",60],["2011-02-28",30],["2011-03-01",21],["2011-03-02",33],["2011-03-03",34],["2011-03-04",59],["2011-03-05",77],["2011-03-06",65],["2011-03-07",26],["2011-03-08",41],["2011-03-09",33],["2011-03-10",64],["2011-03-11",58],["2011-03-12",135],["2011-03-13",197],["2011-03-14",54],["2011-03-15",56],["2011-03-16",72],["2011-03-17",98],["2011-03-18",161],["2011-03-19",123],["2011-03-20",250],["2011-03-21",121],["2011-03-22",67],["2011-03-23",51],["2011-03-24",51],["2011-03-25",48],["2011-03-26",78],["2011-03-27",41],["2011-03-28",71],["2011-03-29",86],["2011-03-30",98],["2011-03-31",140],["2011-04-01",137],["2011-04-02",38],["2011-04-03",59],["2011-04-04",67],["2011-04-05",88],["2011-04-06",95],["2011-04-07",96],["2011-04-08",70],["2011-04-09",108],["2011-04-10",142],["2011-04-11",53],["2011-04-12",88],["2011-04-13",157],["2011-04-14",138],["2011-04-15",98],["2011-04-16",128],["2011-04-17",164],["2011-04-18",99],["2011-04-19",83],["2011-04-20",127],["2011-04-21",154],["2011-04-22",44],["2011-04-23",49],["2011-04-24",26],["2011-04-25",76],["2011-04-26",111],["2011-04-27",60],["2011-04-28",76],["2011-04-29",119],["2011-04-30",141],["2011-05-01",500],["2011-05-02",85],["2011-05-03",60],["2011-05-04",79],["2011-05-05",87],["2011-05-06",99],["2011-05-07",57],["2011-05-08",74],["2011-05-09",53],["2011-05-10",50],["2011-05-11",80],["2011-05-12",197],["2011-05-13",52],["2011-05-14",70],["2011-05-15",76],["2011-05-16",90],["2011-05-17",91],["2011-05-18",155],["2011-05-19",64],["2011-05-20",59],["2011-05-21",54],["2011-05-22",83],["2011-05-23",98],["2011-05-24",94],["2011-05-25",75],["2011-05-26",86],["2011-05-27",65],["2011-05-28",102],["2011-05-29",98],["2011-05-30",75],["2011-05-31",47],["2011-06-01",28],["2011-06-02",75],["2011-06-03",75],["2011-06-04",66],["2011-06-05",79],["2011-06-06",83],["2011-06-07",98],["2011-06-08",51],["2011-06-10",105],["2011-06-11",75],["2011-06-12",28],["2011-06-13",71],["2011-06-14",99],["2011-06-15",107],["2011-06-16",77],["2011-06-17",81],["2011-06-18",97],["2011-06-19",119],["2011-06-20",122],["2011-06-21",130],["2011-06-22",128],["2011-06-23",123],["2011-06-24",24],["2011-06-25",38],["2011-06-26",57],["2011-06-27",56],["2011-06-28",90],["2011-06-29",129],["2011-06-30",99],["2011-07-01",94],["2011-07-02",71],["2011-07-03",71],["2011-07-04",55],["2011-07-05",80],["2011-07-06",115],["2011-07-07",73],["2011-07-08",42],["2011-07-09",37],["2011-07-10",75],["2011-07-11",112],["2011-07-12",88],["2011-07-13",83],["2011-07-14",83],["2011-07-15",65],["2011-07-16",65],["2011-07-17",67],["2011-07-18",65],["2011-07-19",83],["2011-07-20",42],["2011-07-21",53],["2011-07-22",71],["2011-07-23",148],["2011-07-24",159],["2011-07-25",19],["2011-07-26",28],["2011-07-27",52],["2011-07-28",92],["2011-07-29",113],["2011-07-30",21],["2011-07-31",54],["2011-08-01",78],["2011-08-02",94],["2011-08-03",69],["2011-08-04",82],["2011-08-05",98],["2011-08-06",91],["2011-08-07",74],["2011-08-08",77],["2011-08-09",108],["2011-08-10",58],["2011-08-11",68],["2011-08-12",90],["2011-08-13",93],["2011-08-14",78],["2011-08-15",73],["2011-08-16",29],["2011-08-17",58],["2011-08-18",28],["2011-08-19",65],["2011-08-20",72],["2011-08-21",80],["2011-08-22",78],["2011-08-23",88],["2011-08-24",95],["2011-08-25",80],["2011-08-26",61],["2011-08-27",63],["2011-08-28",65],["2011-08-29",80],["2011-08-30",99],["2011-08-31",117],["2011-09-01",89],["2011-09-02",54],["2011-09-03",69],["2011-09-04",77],["2011-09-05",76],["2011-09-06",76],["2011-09-07",126],["2011-09-08",48],["2011-09-09",39],["2011-09-10",35],["2011-09-11",24],["2011-09-12",61],["2011-09-13",81],["2011-09-14",87],["2011-09-15",93],["2011-09-16",52],["2011-09-17",22],["2011-09-18",35],["2011-09-19",45],["2011-09-20",50],["2011-09-21",52],["2011-09-22",58],["2011-09-24",96],["2011-09-25",125],["2011-09-26",160],["2011-09-27",121],["2011-09-28",128],["2011-09-29",94],["2011-09-30",30],["2011-10-01",56],["2011-10-02",33],["2011-10-03",47],["2011-10-04",79],["2011-10-05",157],["2011-10-06",61],["2011-10-07",84],["2011-10-08",106],["2011-10-09",159],["2011-10-10",137],["2011-10-11",87],["2011-10-12",130],["2011-10-13",98],["2011-10-14",32],["2011-10-15",33],["2011-10-16",31],["2011-10-17",35],["2011-10-18",72],["2011-10-19",87],["2011-10-20",149],["2011-10-21",146],["2011-10-22",139],["2011-10-23",155],["2011-10-24",19],["2011-10-25",28],["2011-10-26",78],["2011-10-27",129],["2011-10-29",97],["2011-10-30",147],["2011-10-31",131],["2011-11-01",128],["2011-11-02",53],["2011-11-03",68],["2011-11-04",82],["2011-11-05",60],["2011-11-06",52],["2011-11-07",63],["2011-11-08",73],["2011-11-09",49],["2011-11-10",60],["2011-11-11",84],["2011-11-12",99],["2011-11-13",65],["2011-11-14",73],["2011-11-15",124],["2011-11-16",128],["2011-11-17",97],["2011-11-18",62],["2011-11-19",36],["2011-11-20",27],["2011-11-21",80],["2011-11-22",131],["2011-11-23",40],["2011-11-24",68],["2011-11-25",120],["2011-11-26",142],["2011-11-27",135],["2011-11-28",109],["2011-11-29",66],["2011-11-30",81],["2011-12-01",71],["2011-12-02",144],["2011-12-03",97],["2011-12-04",80],["2011-12-05",193],["2011-12-06",131],["2011-12-07",111],["2011-12-08",17],["2011-12-09",19],["2011-12-10",23],["2011-12-11",77],["2011-12-12",56],["2011-12-13",76],["2011-12-14",84],["2011-12-15",19],["2011-12-16",27],["2011-12-17",63],["2011-12-18",63],["2011-12-19",53],["2011-12-20",70],["2011-12-21",67],["2011-12-22",31],["2011-12-23",61],["2011-12-24",27],["2011-12-25",59],["2011-12-26",69],["2011-12-27",100],["2011-12-28",114],["2011-12-29",81],["2011-12-30",75],["2011-12-31",109],["2012-01-01",81],["2012-01-02",74],["2012-01-03",35],["2012-01-04",30],["2012-01-05",63],["2012-01-06",95],["2012-01-07",65],["2012-01-08",89],["2012-01-09",102],["2012-01-10",161],["2012-01-11",25],["2012-01-12",86],["2012-01-13",79],["2012-01-14",60],["2012-01-15",70],["2012-01-16",106],["2012-01-17",111],["2012-01-18",193],["2012-01-19",269],["2012-01-20",131],["2012-01-21",21],["2012-01-22",23],["2012-01-23",149],["2012-01-24",49],["2012-01-25",45],["2012-01-26",78],["2012-01-27",67],["2012-01-28",74],["2012-01-29",62],["2012-01-30",66],["2012-01-31",92],["2012-02-01",30],["2012-02-02",26],["2012-02-03",60],["2012-02-04",52],["2012-02-05",84],["2012-02-06",112],["2012-02-07",64],["2012-02-08",34],["2012-02-09",58],["2012-02-10",49],["2012-02-11",73],["2012-02-12",75],["2012-02-13",100],["2012-02-14",125],["2012-02-15",62],["2012-02-16",61],["2012-02-17",34],["2012-02-18",29],["2012-02-19",68],["2012-02-20",73],["2012-02-21",118],["2012-02-22",118],["2012-02-23",73],["2012-02-24",73],["2012-02-25",57],["2012-02-26",57],["2012-02-27",95],["2012-02-28",152],["2012-02-29",118],["2012-03-01",142],["2012-03-02",111],["2012-03-03",68],["2012-03-04",90],["2012-03-05",97],["2012-03-06",63],["2012-03-07",38],["2012-03-08",31],["2012-03-09",65],["2012-03-10",78],["2012-03-11",36],["2012-03-12",62],["2012-03-13",104],["2012-03-14",57],["2012-03-15",64],["2012-03-16",109],["2012-03-17",144],["2012-03-18",61],["2012-03-19",57],["2012-03-20",81],["2012-03-21",105],["2012-03-22",146],["2012-03-23",55],["2012-03-24",56],["2012-03-25",30],["2012-03-26",90],["2012-03-27",112],["2012-03-28",65],["2012-03-29",90],["2012-03-30",76],["2012-03-31",159],["2012-04-01",78],["2012-04-02",103],["2012-04-03",73],["2012-04-03",73],["2012-04-04",73],["2012-04-05",64],["2012-04-06",70],["2012-04-07",71],["2012-04-08",119],["2012-04-09",118],["2012-04-10",138],["2012-04-11",41],["2012-04-12",69],["2012-04-13",81],["2012-04-14",100],["2012-04-15",109],["2012-04-16",84],["2012-04-17",100],["2012-04-18",140],["2012-04-19",98],["2012-04-20",133],["2012-04-21",81],["2012-04-22",102],["2012-04-23",140],["2012-04-24",133],["2012-04-25",32],["2012-04-26",60],["2012-04-27",147],["2012-04-28",164],["2012-04-29",473],["2012-04-30",268],["2012-05-01",208],["2012-05-02",111],["2012-05-03",106],["2012-05-04",100],["2012-05-05",99],["2012-05-06",100],["2012-05-07",100],["2012-05-08",111],["2012-05-09",107],["2012-05-10",129],["2012-05-11",133],["2012-05-12",90],["2012-05-13",96],["2012-05-14",64],["2012-05-15",58],["2012-05-16",58],["2012-05-17",78],["2012-05-18",84],["2012-05-19",143],["2012-05-20",85],["2012-05-21",97],["2012-05-22",109],["2012-05-23",64],["2012-05-24",69],["2012-05-25",63],["2012-05-26",90],["2012-05-27",88],["2012-05-28",133],["2012-05-29",116],["2012-05-30",29],["2012-05-31",64],["2012-06-01",54],["2012-06-02",90],["2012-06-03",112],["2012-06-04",80],["2012-06-05",65],["2012-06-06",98],["2012-06-07",71],["2012-06-08",77],["2012-06-09",91],["2012-06-10",32],["2012-06-11",50],["2012-06-12",58],["2012-06-13",62],["2012-06-14",50],["2012-06-15",22],["2012-06-16",33],["2012-06-17",69],["2012-06-18",137],["2012-06-19",132],["2012-06-20",105],["2012-06-21",112],["2012-06-22",84],["2012-06-23",81],["2012-06-24",95],["2012-06-25",49],["2012-06-26",65],["2012-06-27",55],["2012-06-28",54],["2012-06-29",60],["2012-06-30",46],["2012-07-01",70],["2012-07-02",69],["2012-07-03",59],["2012-07-04",71],["2012-07-05",70],["2012-07-06",59],["2012-07-07",86],["2012-07-08",84],["2012-07-09",64],["2012-07-10",50],["2012-07-11",44],["2012-07-12",46],["2012-07-13",31],["2012-07-14",48],["2012-07-15",53],["2012-07-16",70],["2012-07-17",78],["2012-07-18",71],["2012-07-19",82],["2012-07-20",111],["2012-07-21",131],["2012-07-22",15],["2012-07-24",60],["2012-07-25",72],["2012-07-26",55],["2012-07-26",55],["2012-07-27",50],["2012-07-28",56],["2012-07-29",57],["2012-07-30",30],["2012-07-31",28],["2012-08-01",20],["2012-08-02",17],["2012-08-03",53],["2012-08-04",40],["2012-08-05",48],["2012-08-06",60],["2012-08-07",59],["2012-08-08",68],["2012-08-09",43],["2012-08-10",72],["2012-08-11",80],["2012-08-12",41],["2012-08-13",36],["2012-08-14",62],["2012-08-15",60],["2012-08-16",68],["2012-08-17",83],["2012-08-18",110],["2012-08-19",84],["2012-08-20",92],["2012-08-21",25],["2012-08-22",40],["2012-08-23",74],["2012-08-24",94],["2012-08-25",92],["2012-08-26",117],["2012-08-27",100],["2012-08-28",59],["2012-08-29",84],["2012-08-30",135],["2012-08-31",150],["2012-09-01",128],["2012-09-02",52],["2012-09-03",15],["2012-09-04",22],["2012-09-05",50],["2012-09-06",70],["2012-09-07",77],["2012-09-08",40],["2012-09-09",79],["2012-09-10",96],["2012-09-11",93],["2012-09-12",44],["2012-09-13",28],["2012-09-14",31],["2012-09-15",50],["2012-09-16",65],["2012-09-17",63],["2012-09-18",61],["2012-09-19",56],["2012-09-21",128],["2012-09-22",93],["2012-09-23",85],["2012-09-24",74],["2012-09-25",78],["2012-09-26",26],["2012-09-27",65],["2012-09-28",15],["2012-09-29",24],["2012-09-30",38],["2012-10-01",52],["2012-10-02",78],["2012-10-03",108],["2012-10-04",28],["2012-10-05",41],["2012-10-06",74],["2012-10-07",83],["2012-10-08",123],["2012-10-09",140],["2012-10-10",18],["2012-10-11",73],["2012-10-12",121],["2012-10-13",97],["2012-10-14",40],["2012-10-15",83],["2012-10-16",78],["2012-10-17",23],["2012-10-18",65],["2012-10-19",79],["2012-10-20",139],["2012-10-21",81],["2012-10-22",26],["2012-10-23",54],["2012-10-24",89],["2012-10-25",90],["2012-10-26",163],["2012-10-27",154],["2012-10-28",22],["2012-10-29",59],["2012-10-30",36],["2012-10-31",51],["2012-11-01",67],["2012-11-02",103],["2012-11-03",135],["2012-11-04",20],["2012-11-05",16],["2012-11-06",48],["2012-11-07",80],["2012-11-08",62],["2012-11-09",93],["2012-11-10",82],["2012-11-11",17],["2012-11-12",27],["2012-11-13",30],["2012-11-14",26],["2012-11-15",71],["2012-11-16",92],["2012-11-17",47],["2012-11-18",96],["2012-11-19",55],["2012-11-20",74],["2012-11-21",123],["2012-11-22",156],["2012-11-23",22],["2012-11-24",80],["2012-11-25",133],["2012-11-26",44],["2012-11-27",105],["2012-11-28",151],["2012-11-29",54],["2012-12-01",50],["2012-12-02",96],["2012-12-03",123],["2012-12-04",50],["2012-12-05",64],["2012-12-06",50],["2012-12-07",73],["2012-12-08",53],["2012-12-09",38],["2012-12-10",53],["2012-12-11",86],["2012-12-12",103],["2012-12-13",130],["2012-12-14",107],["2012-12-15",114],["2012-12-16",108],["2012-12-17",45],["2012-12-18",22],["2012-12-19",72],["2012-12-20",121],["2012-12-21",120],["2012-12-22",24],["2012-12-23",36],["2012-12-24",53],["2012-12-25",58],["2012-12-26",67],["2012-12-28",137],["2012-12-29",94],["2012-12-30",38],["2012-12-31",57],["2013-01-01",71],["2013-01-02",27],["2013-01-03",35],["2013-01-04",57],["2013-01-05",79],["2013-01-06",58],["2013-01-07",105],["2013-01-08",124],["2013-01-09",32],["2013-01-10",87],["2013-01-11",232],["2013-01-12",174],["2013-01-13",498],["2013-01-14",184],["2014-01-01",85],["2014-01-02",158],["2014-01-03",74],["2014-01-04",165],["2014-01-05",113],["2014-01-06",190],["2014-01-07",122],["2014-01-10",95],["2014-01-11",159],["2014-01-12",52],["2014-01-13",117],["2014-01-14",113],["2014-01-15",180],["2014-01-16",403],["2014-01-17",209],["2014-01-18",113],["2014-01-19",149],["2014-01-21",68],["2014-01-22",162],["2014-01-23",276],["2014-01-24",195],["2014-01-26",77],["2014-01-27",114],["2014-01-28",67],["2014-01-29",165],["2014-01-30",93],["2014-01-31",188],["2014-02-01",178],["2014-02-02",85],["2014-02-05",119],["2014-02-06",158],["2014-02-07",124],["2014-02-08",84],["2014-02-10",53],["2014-02-11",142],["2014-02-12",150],["2014-02-13",242],["2014-02-14",329],["2014-02-15",429],["2014-02-16",348],["2014-02-17",118],["2014-02-18",98],["2014-02-19",92],["2014-02-20",270],["2014-02-21",311],["2014-02-22",311],["2014-02-23",255],["2014-02-24",313],["2014-02-25",404],["2014-02-28",113],["2014-03-01",68],["2014-03-02",189],["2014-03-03",268],["2014-03-04",67],["2014-03-07",70],["2014-03-08",179],["2014-03-09",127],["2014-03-10",110],["2014-03-11",195],["2014-03-13",69],["2014-03-14",64],["2014-03-15",133],["2014-03-16",145],["2014-03-17",142],["2014-03-18",85],["2014-03-19",73],["2014-03-21",62],["2014-03-22",86],["2014-03-23",186],["2014-03-24",271],["2014-03-25",255],["2014-03-26",331],["2014-03-27",285],["2014-03-28",169],["2014-03-29",63],["2014-03-30",77],["2014-03-31",183],["2014-04-01",147],["2014-04-02",133],["2014-04-03",66],["2014-04-04",91],["2014-04-05",68],["2014-04-06",98],["2014-04-07",135],["2014-04-08",223],["2014-04-09",156],["2014-04-10",246],["2014-04-11",83],["2014-04-12",133],["2014-04-13",212],["2014-04-14",270],["2014-04-15",109],["2014-04-16",90],["2014-04-17",124],["2014-04-18",182],["2014-04-19",84],["2014-04-20",84],["2014-04-21",73],["2014-04-22",85],["2014-04-23",156],["2014-04-24",156],["2014-04-25",163],["2014-04-26",69],["2014-04-27",74],["2014-04-28",83],["2014-04-29",122],["2014-04-30",139],["2014-05-01",156],["2014-05-03",93],["2014-05-04",57],["2014-05-05",54],["2014-05-06",105],["2014-05-07",82],["2014-05-08",104],["2014-05-09",84],["2014-05-10",69],["2014-05-12",74],["2014-05-13",86],["2014-05-14",59],["2014-05-15",122],["2014-05-16",92],["2014-05-17",124],["2014-05-18",171],["2014-05-19",146],["2014-05-20",113],["2014-05-21",170],["2014-05-22",183],["2014-05-23",140],["2014-05-24",104],["2014-05-25",91],["2014-05-26",77],["2014-05-27",107],["2014-05-28",121],["2014-05-29",120],["2014-05-30",192],["2014-05-31",177],["2014-06-01",130],["2014-06-02",90],["2014-06-03",117],["2014-06-04",124],["2014-06-05",157],["2014-06-06",103],["2014-06-07",51],["2014-06-08",70],["2014-06-09",87],["2014-06-10",95],["2014-06-11",74],["2014-06-12",90],["2014-06-13",116],["2014-06-14",165],["2014-06-15",178],["2014-06-16",178],["2014-06-17",104],["2014-06-18",116],["2014-06-19",116],["2014-06-20",84],["2014-06-21",96],["2014-06-22",91],["2014-06-23",115],["2014-06-24",161],["2014-06-25",138],["2014-06-26",163],["2014-06-27",68],["2014-06-28",77],["2014-06-29",161],["2014-06-30",185],["2014-07-01",172],["2014-07-02",80],["2014-07-03",248],["2014-07-04",237],["2014-07-05",165],["2014-07-06",256],["2014-07-07",216],["2014-07-08",134],["2014-07-09",63],["2014-07-10",114],["2014-07-11",77],["2014-07-12",80],["2014-07-13",64],["2014-07-14",156],["2014-07-15",140],["2014-07-16",133],["2014-07-17",186],["2014-07-18",182],["2014-07-19",106],["2014-07-20",119],["2014-07-21",68],["2014-07-22",54],["2014-07-23",82],["2014-07-24",90],["2014-07-25",134],["2014-07-26",188],["2014-07-27",194],["2014-07-28",159],["2014-07-29",159],["2014-07-30",169],["2014-07-31",244],["2014-08-01",199],["2014-08-02",163],["2014-08-03",149],["2014-08-05",80],["2014-08-06",67],["2014-08-07",162],["2014-08-08",140],["2014-08-09",143],["2014-08-10",125],["2014-08-11",76],["2014-08-12",119],["2014-08-13",70],["2014-08-14",104],["2014-08-15",109],["2014-08-16",159],["2014-08-17",124],["2014-08-18",135],["2014-08-19",150],["2014-08-20",164],["2014-08-21",169],["2014-08-22",83],["2014-08-23",155],["2014-08-24",75],["2014-08-25",59],["2014-08-26",78],["2014-08-27",136],["2014-08-28",103],["2014-08-29",104],["2014-08-30",176],["2014-08-31",89],["2014-09-01",127],["2014-09-03",54],["2014-09-04",100],["2014-09-05",140],["2014-09-06",186],["2014-09-07",200],["2014-09-08",61],["2014-09-09",109],["2014-09-10",111],["2014-09-11",114],["2014-09-12",97],["2014-09-13",94],["2014-09-14",66],["2014-09-15",54],["2014-09-16",87],["2014-09-17",80],["2014-09-18",84],["2014-09-19",117],["2014-09-20",168],["2014-09-21",129],["2014-09-22",127],["2014-09-23",64],["2014-09-24",60],["2014-09-25",144],["2014-09-26",170],["2014-09-27",58],["2014-09-28",87],["2014-09-29",70],["2014-09-30",53],["2014-10-01",92],["2014-10-02",78],["2014-10-03",123],["2014-10-04",95],["2014-10-05",54],["2014-10-06",68],["2014-10-07",200],["2014-10-08",314],["2014-10-09",379],["2014-10-10",346],["2014-10-11",233],["2014-10-14",80],["2014-10-15",73],["2014-10-16",76],["2014-10-17",132],["2014-10-18",211],["2014-10-19",289],["2014-10-20",250],["2014-10-21",82],["2014-10-22",99],["2014-10-23",163],["2014-10-24",267],["2014-10-25",353],["2014-10-26",78],["2014-10-27",72],["2014-10-28",88],["2014-10-29",140],["2014-10-30",206],["2014-10-31",204],["2014-11-01",65],["2014-11-03",59],["2014-11-04",150],["2014-11-05",79],["2014-11-07",63],["2014-11-08",93],["2014-11-09",80],["2014-11-10",95],["2014-11-11",59],["2014-11-13",65],["2014-11-14",77],["2014-11-15",143],["2014-11-16",98],["2014-11-17",64],["2014-11-18",93],["2014-11-19",282],["2014-11-23",155],["2014-11-24",94],["2014-11-25",196],["2014-11-26",293],["2014-11-27",83],["2014-11-28",114],["2014-11-29",276],["2014-12-01",54],["2014-12-02",65],["2014-12-03",51],["2014-12-05",62],["2014-12-06",89],["2014-12-07",65],["2014-12-08",82],["2014-12-09",276],["2014-12-10",153],["2014-12-11",52],["2014-12-13",69],["2014-12-14",113],["2014-12-15",82],["2014-12-17",99],["2014-12-19",53],["2014-12-22",103],["2014-12-23",100],["2014-12-25",73],["2014-12-26",155],["2014-12-27",243],["2014-12-28",155],["2014-12-29",125],["2014-12-30",65],["2015-01-01",65],["2015-01-02",79],["2015-01-03",200],["2015-01-04",226],["2015-01-05",122],["2015-01-06",60],["2015-01-07",85],["2015-01-08",190],["2015-01-09",105],["2015-01-10",208],["2015-01-11",59],["2015-01-12",160],["2015-01-13",211],["2015-01-14",265],["2015-01-15",386],["2015-01-16",118],["2015-01-17",89],["2015-01-18",94],["2015-01-19",77],["2015-01-20",113],["2015-01-22",143],["2015-01-23",257],["2015-01-24",117],["2015-01-25",185],["2015-01-26",119],["2015-01-28",65],["2015-01-29",87],["2015-01-31",60],["2015-02-01",108],["2015-02-02",188],["2015-02-03",143],["2015-02-05",62],["2015-02-06",100],["2015-02-09",152],["2015-02-10",166],["2015-02-11",55],["2015-02-12",59],["2015-02-13",175],["2015-02-14",293],["2015-02-15",326],["2015-02-16",153],["2015-02-18",73],["2015-02-19",267],["2015-02-20",183],["2015-02-21",394],["2015-02-22",158],["2015-02-23",86],["2015-02-24",207]]
\ No newline at end of file

src/views/deviceshow/index.vue

+<template>
+  <div class="home-box">
+    <div class="top-box">
+      <div class="top-item">
+        <div class="item-top">
+          <div class="item-icon">
+            <i class="icon-fx-fuwuqi"></i>
+          </div>
+          <div class="item-info">
+            <div class="info-num">{{devnum}}</div>
+            <div class="info-title">设备数量</div>
+          </div>
+        </div>
+        <div class="detail-info">
+          <div class="detail-item">
+            <span>在运行设备：</span>
+            <span>{{devnum}}</span>
+          </div>
+          <div class="detail-item">
+            <span>离线设备：</span>
+            <span>0</span>
+          </div>
+          <div class="detail-item">
+            <span>异常设备：</span>
+            <span>0</span>
+          </div>
+        </div>
+      </div>
+      <div class="top-item">
+        <div class="item-top">
+          <div class="item-icon">
+            <i class="icon-fx-jiedian"></i>
+          </div>
+          <div class="item-info">
+            <div class="info-num">{{workers.video_free + workers.video_busy}}</div>
+            <!-- <div class="info-title">节点数量</div> -->
+            <div class="info-title">资源数量</div>
+          </div>
+        </div>
+        <div class="detail-info">
+          <div class="detail-item">
+            <span>在用分析资源：</span>
+            <span>{{workers.video_free}}</span>
+          </div>
+          <div class="detail-item">
+            <!-- <span>在线节点：</span> -->
+            <span>剩余资源：</span>
+            <span>{{workers.video_busy}}</span>
+          </div>
+          <!-- <div class="detail-item">
+            <span>异常节点：</span>
+            <span>0</span>
+          </div> -->
+        </div>
+      </div>
+      <div class="top-item">
+        <div class="item-top">
+          <div class="item-icon">
+            <i class="icon-fx-renwu"></i>
+          </div>
+          <div class="item-info">
+            <div class="info-num">{{ taskstatus.total }}</div>
+            <div class="info-title">任务数量</div>
+          </div>
+        </div>
+        <div class="detail-info">
+          <div class="detail-item">
+            <span>运行任务：</span>
+            <span>{{ taskstatus.running }}</span>
+          </div>
+          <div class="detail-item">
+            <span>暂停任务：</span>
+            <span>{{ taskstatus.total - taskstatus.running }}</span>
+          </div>
+          <div class="detail-item">
+            <span>异常任务：</span>
+            <span>0</span>
+          </div>
+        </div>
+      </div>
+      <div class="top-item">
+        <div class="item-top">
+          <div class="item-icon">
+            <i class="icon-fx-moban"></i>
+          </div>
+          <div class="item-info">
+            <div class="info-num">{{tableData.length}}</div>
+            <div class="info-title">服务数量</div>
+          </div>
+        </div>
+        <div class="detail-info">
+          <div class="detail-item">
+            <span>运行服务：</span>
+            <span>{{tableData.length}}</span>
+          </div>
+          <div class="detail-item">
+            <span>空闲服务：</span>
+            <span>0</span>
+          </div>
+        </div>
+      </div>
+      <div class="top-item">
+        <div class="item-top">
+          <div class="item-icon">
+            <i class="icon-fx-shipin"></i>
+          </div>
+          <div class="item-info">
+            <div class="info-num">7</div>
+            <div class="info-title">视频接入数量</div>
+          </div>
+        </div>
+        <div class="detail-info">
+          <div class="detail-item">
+            <span>外部视频：</span>
+            <span>0</span>
+          </div>
+          <div class="detail-item">
+            <span>接入视频：</span>
+            <span>2</span>
+          </div>
+          <div class="detail-item">
+            <span>录像资源：</span>
+            <span>5</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="centerbox">
+      <div class="devchart" id="devchart"></div>
+      <div class="devchart" id="devchart1"></div>
+      <div class="devchart" id="devchart2"></div>
+      <div class="devchart" id="devchart3"></div>
+    </div>
+    <div class="bottombox">
+      <div class="collect-box">
+      <div class="collect-conten" id="netchart">
+        <div class="collect-content ">
+          <el-col :span="8" class="content-item">
+              <div class="zd-icon" style="color:#3BB7FF">
+                <span class="icon-fanxing-shijianzongliang"></span>
+              </div>
+              <div>
+                <div class="zd-title">事件总量</div>
+                <div class="zd-num">{{ snapData.event_total_snap_num }}</div>
+              </div>
+            </el-col>
+            <el-col :span="8" class="content-item">
+              <div class="zd-icon" style="color:#0069FF">
+                <span class="icon-fanxing-weifazongliang"></span>
+              </div>
+              <div>
+                <div class="zd-title">违法总量</div>
+                <div class="zd-num">{{ snapData.illega_total_snap_num }}</div>
+              </div>
+            </el-col>
+            <el-col :span="8" class="content-item">
+              <div class="zd-icon" style="color:#7460EE">
+                <span class="icon-fanxing-teshucheliangzongliang"></span>
+              </div>
+              <div>
+                <div class="zd-title">特殊车辆总量</div>
+                <div class="zd-num">
+                  {{ snapData.key_vehicle_total_snap_num }}
+                </div>
+              </div>
+            </el-col>
+          </div>
+        </div>
+      </div> 
+      <div class="errochart" id="errorchart"></div>
+    </div>
+  </div>
+</template>
+<script>
+import mixin from "../../assets/js/mixin";
+import {config} from "../../../public/js/config"
+export default {
+  mixins: [mixin],
+  data() {
+    return {
+       workers: {
+        video_free: 0,
+        video_busy: 0
+      },
+      devnum:0,
+      snapData: {
+        illega_total_snap_num: 210,
+        key_vehicle_total_snap_num: 37,
+        event_total_snap_num: 90,
+        kakou_total_snap_num: 0
+      },
+      tableData:[],
+      timer:null,
+      devcharttimer:null
+    };
+  },
+  methods: {
+    setdevchart() {
+      var mychart = this.$echarts.init(document.getElementById("devchart"));
+      var mychart1 = this.$echarts.init(document.getElementById("devchart1"));
+      var mychart2 = this.$echarts.init(document.getElementById("devchart2"));
+      var mychart3 = this.$echarts.init(document.getElementById("devchart3"));
+      var text;
+      mychart.setOption(this.setOption("CPU",49 + parseInt((Math.random() * 10 ))));
+      mychart1.setOption(this.setOption("GPU",45 + parseInt((Math.random() * 10 ))));
+      mychart2.setOption(this.setOption("内存",30 + parseInt((Math.random() * 10 ))));
+      mychart3.setOption(this.setOption("硬盘",20 + parseInt((Math.random() * 10 ))));
+     this.devcharttimer = setInterval(() => {
+          mychart.setOption(this.setOption("CPU",49 + parseInt((Math.random() * 10 ))));
+          mychart1.setOption(this.setOption("GPU",48 + parseInt((Math.random() * 10 ))));
+          mychart2.setOption(this.setOption("内存",30 + parseInt((Math.random() * 10 ))));
+          mychart3.setOption(this.setOption("硬盘",20 + parseInt((Math.random() * 10 ))));
+      },5000)
+
+    },
+     getTrafficSnap() {
+      this.$api.show.getTrafficSnap().then(res => {
+        // this.snapData = res;
+      });
+    },
+    setOption(text,val) {
+     var decolor = "#ccc"
+      if(val <= 50) {
+        decolor = "#2de2c1"
+      }
+      if(val > 50 && val <= 80) {
+        decolor = "#fbc433";
+      }
+      if(val > 80) {
+        decolor="#fc8654"
+      }
+      var option = {
+        backgroundColor: "#fff",
+        title: [
+          {
+            text: "平均占比",
+            bottom: "250",
+            x: "center",
+            borderColor: "#33e5b5",
+            borderWidth: 1,
+            borderRadius: 15,
+            padding: [7, 14],
+            textStyle: {
+              fontWeight: "normal",
+              fontSize: 12,
+              color: "#333"
+            }
+          }
+        ],
+        angleAxis: {
+          show: false,
+          max: (100 * 360) / 270, //-45度到225度，二者偏移值是270度除360度
+          type: "value",
+          startAngle: 225, //极坐标初始角度
+          splitLine: {
+            show: false
+          }
+        },
+        barMaxWidth: 14, //圆环宽度
+        radiusAxis: {
+          show: false,
+          type: "category"
+        },
+        //圆环位置和大小
+        polar: {
+          center: ["50%", "50%"],
+          radius: "180"
+        },
+        series: [
+          {
+            type: "bar",
+            data: [
+              {
+                //上层圆环，显示数据
+                value: val,
+                itemStyle: {
+                  color: {
+                    //图形渐变颜色方法，四个数字分别代表，右，下，左，上，offset表示0%到100%
+                    type: "linear",
+                    x: 0,
+                    y: 0,
+                    x2: 1, //从左到右 0-1
+                    y2: 0,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "#4FADFD"
+                      },
+                      {
+                        offset: 1,
+                        color: "#28E8FA"
+                      }
+                    ]
+                  }
+                }
+              }
+            ],
+            barGap: "-100%", //柱间距离,上下两层圆环重合
+            coordinateSystem: "polar",
+            roundCap: true, //顶端圆角
+            z: 2 //圆环层级，同zindex
+          },
+          {
+            //下层圆环，显示最大值
+            type: "bar",
+            data: [
+              {
+                value: 100,
+                itemStyle: {
+                  color: "#EDEDED"
+                }
+              }
+            ],
+            barGap: "-100%",
+            coordinateSystem: "polar",
+            roundCap: true,
+            z: 1
+          },
+          //仪表盘
+          {
+            name: "AQI",
+            type: "gauge",
+            startAngle: 225, //起始角度，同极坐标
+            endAngle: -45, //终止角度，同极坐标
+            axisLine: {
+              show: false
+            },
+            splitLine: {
+              show: false
+            },
+            axisTick: {
+              show: false
+            },
+            axisLabel: {
+              show: false
+            },
+            splitLabel: {
+              show: false
+            },
+            pointer: {
+              show: false
+            },
+            title: {
+              offsetCenter: [-20, -10],
+              color: "#ddd",
+              fontSize: 60,
+              fontWeight: 500,
+              rich: {
+                a: {
+                  fontWeight: "normal",
+                  fontSize: 16,
+                  color: "#333",
+                  padding: [0, 0, 10, 40]
+                }
+              }
+            },
+            detail: {
+              formatter: function(e) {
+                var title = "";
+                if(e <= 50) {
+                  title = "优"
+                }
+                if(e > 50 && e <= 80) {
+                  title = "良";
+                }
+                if(e > 80) {
+                  title="高"
+                }
+                return title;
+              },
+              color: "#fff",
+              fontSize: 16,
+              offsetCenter: [40, -15],
+              backgroundColor: decolor,
+              borderRadius: 8,
+              padding: [4, 12]
+            },
+            data: [
+              {
+                value: val,
+                name: val + "\n" + "{a|" + text + "}"
+              }
+            ]
+          }
+        ]
+      };
+      return option;
+    },
+ 
+    setErrorchart() {
+      var mychart = this.$echarts.init(document.getElementById("errorchart"));
+      let bgColor = "#fff";
+      let title = "";
+      let color = [
+        "#0E7CE2",
+        "#FF8352",
+        "#E271DE",
+        "#F8456B",
+        "#00FFFF",
+        "#4AEAB0"
+      ];
+      let echartData = [
+        {
+          name: "提示",
+          value: "7"
+        },
+        {
+          name: "次要",
+          value: "20"
+        },
+        {
+          name: "重要",
+          value: "1"
+        },
+        {
+          name: "严重",
+          value: "0"
+        }
+      ];
+
+      let formatNumber = function(num) {
+        let reg = /(?=(\B)(\d{3})+$)/g;
+        return num.toString().replace(reg, ",");
+      };
+      let total = echartData.reduce((a, b) => {
+        return a + b.value * 1;
+      }, 0);
+
+      var option = {
+        text:"",
+        backgroundColor: '#fff',
+        color: color,
+        // tooltip: {
+        //     trigger: 'item'
+        // },
+        title: [
+          {
+            text: "{name|" + title + "}\n{val|" + formatNumber(total) + "}",
+            top: "center",
+            left: "center",
+            textStyle: {
+              rich: {
+                name: {
+                  fontSize: 14,
+                  fontWeight: "normal",
+                  color: "#666666",
+                  padding: [10, 100]
+                },
+                val: {
+                  fontSize: 32,
+                  fontWeight: "bold",
+                  color: "#333333"
+                }
+              }
+            }
+          },
+          {
+            text: '报警统计',
+            top: 20,
+            left: 20,
+            textStyle: {
+              fontSize: 18,
+              fontWeight: "bold",
+              color: "#333",
+            }
+          }
+        ],
+       
+        series: [
+          {
+            type: "pie",
+            radius: ["45%", "55%"],
+            center: ["55%", "55%"],
+            data: echartData,
+            hoverAnimation: false,
+            itemStyle: {
+              normal: {
+                borderColor: bgColor,
+                borderWidth: 2
+              }
+            },
+            labelLine: {
+              normal: {
+                length: 20,
+                length2: 120,
+                lineStyle: {
+                  color: "#e6e6e6"
+                }
+              }
+            },
+            label: {
+              normal: {
+                formatter: params => {
+                  return (
+                    "{icon|●}{name|" +
+                    params.name +
+                    "}{value|" +
+                    formatNumber(params.value) +
+                    "}"
+                  );
+                },
+                padding: [0, -100, 25, -100],
+                rich: {
+                  icon: {
+                    fontSize: 16
+                  },
+                  name: {
+                    fontSize: 14,
+                    padding: [0, 10, 0, 4],
+                    color: "#666666"
+                  },
+                  value: {
+                    fontSize: 18,
+                    fontWeight: "bold",
+                    color: "#333333"
+                  }
+                }
+              }
+            }
+          }
+        ]
+      };
+     mychart.setOption(option);
+    },
+      gettemplateData(){
+        var tData = localStorage.getItem("serveData")?localStorage.getItem("serveData"):"[]";
+         this.tableData = JSON.parse(tData)
+      },
+    getDevStatus() {
+      this.$api.device.getDevStatus(this.dev_unid).then(res => {
+        this.workers = res.works;
+      });
+    }
+  },
+
+  created() {
+    this.getDevStatus();
+    this.getTrafficSnap();
+    this.timer = setInterval(() => {
+      this.snapData.illega_total_snap_num = this.snapData.illega_total_snap_num + parseInt(Math.random()*10) 
+      this.snapData.key_vehicle_total_snap_num =   this.snapData.key_vehicle_total_snap_num+ parseInt(Math.random()*10) ;
+      this.snapData.event_total_snap_num =  this.snapData.event_total_snap_num  +parseInt(Math.random()*10) ;
+    },1000)
+  },
+  destroyed(){
+    clearInterval(this.timer);
+    clearInterval(this.devcharttimer);
+    this.timer = null;
+    this.devcharttimer = null;
+  },
+  mounted() {
+    this.setdevchart();
+    this.setErrorchart();
+    this.gettemplateData();
+    this.devnum = config.viewIP.length;
+  }
+};
+</script>
+<style lang="stylus" scoped>
+.home-box {
+  width: 98%;
+  margin: 0 auto;
+  background: #f0f0f0;
+}
+
+.top-box {
+  display: flex;
+  flex-direction: row;
+}
+
+.item-icon {
+  width: 100px;
+  color: #fff;
+  line-height: 100px;
+  padding-left: 30px;
+
+  i {
+    font-size: 40px;
+  }
+}
+
+.item-info {
+  flex: 1;
+}
+
+.top-item {
+  flex: 1;
+  background: #fff;
+  margin: 10px;
+  border-radius: 10px;
+  height: 230px;
+  overflow: hidden;
+}
+
+.item-top {
+  height: 100px;
+  display: flex;
+  flex-direction: row;
+}
+
+.top-item:nth-child(1) .item-top {
+  background: #49ACFF;
+}
+
+.top-item:nth-child(2) .item-top {
+  background: #2DE2C1;
+}
+
+.top-item:nth-child(3) .item-top {
+  background: #49ACFF;
+}
+
+.top-item:nth-child(4) .item-top {
+  background: #FC8654;
+}
+
+.top-item:nth-child(5) .item-top {
+  background: #FBC433;
+}
+
+.item-info {
+  color: #fff;
+  font-size: 20px;
+  text-align: right;
+  padding-right: 30px;
+
+  .info-num {
+    margin: 10px 0 5px 0;
+    font-size: 35px;
+  }
+}
+
+.detail-info {
+  font-size: 16px;
+  padding: 0 10px;
+
+  div {
+    padding: 10px 0;
+    color: #646464;
+  }
+}
+
+.detail-item {
+  display: flex;
+  flex-direction: row;
+
+  span {
+    flex: 1;
+  }
+
+  span:nth-child(1) {
+    text-align: left;
+  }
+
+  span:nth-child(2) {
+    padding-right: 20px;
+    text-align: right;
+  }
+}
+
+.devchart {
+  height: 300px;
+  flex: 1;
+}
+
+.devchart:first-child {
+  margin-left: 10px;
+}
+
+.centerbox {
+  display: flex;
+  background: #ffffff;
+  margin: 0 10px 10px;
+  flex-direction: row;
+}
+
+.bottombox {
+  display: flex;
+  flex-direction: row;
+}
+
+.netchart {
+  height: 300px;
+  flex: 1;
+  background: #ffffff;
+}
+
+.errochart {
+  width: 650px;
+  height: 300px;
+  background: #fff;
+  margin-right: 10px;
+}
+.collect-box {
+  margin: 0 10px;
+  flex:1;
+  background: #fff;
+  .collect-content {
+    margin-top: 1.6vh;
+    overflow hidden
+    text-align: center;
+    display flex
+    align-items center
+    justify-items center
+    .content-item {
+      display flex
+      align-items center
+      justify-items center
+      overflow hidden
+    }
+
+    .content-item:last-child {
+      border-right: 0;
+    }
+  }
+  .zd-title{
+    font-size 24px
+    font-weight bold
+    margin-top 90px
+  }
+  .zd-num{
+    font-size 20px
+    margin-top 20px
+  }
+  .zd-icon {
+    margin 90px 10px 0 50px
+    span {
+      font-size 70px
+    }
+}
+}
+</style>

src/views/dockerimages/dockers.vue

+<template>
+  <div class="setting-box">
+    <div class="search-box">
+      <!-- <el-col :span="4">
+        <el-input v-model="searchval"></el-input>
+      </el-col>
+      <el-col :span="2" class="ml10">
+        <el-button type="primary">查询</el-button>
+      </el-col> -->
+      <el-col :span="8" style="float:right">
+        <span class="resource-box">
+          <span class="title">可用分析资源:</span>
+          <span class="num">{{ workers.video_free }}</span>
+        </span>
+        <span class="resource-box">
+          <span class="title">在用分析资源:</span>
+          <span class="num">{{ workers.video_busy }}</span>
+        </span>
+      </el-col>
+    </div>
+    <!-- 外层内容 -->
+    <div class="content-box" id="eqcontentbox">
+      <div class="left-box">
+        <div id="drawing" class="drawingbox"></div>
+      </div>
+      <div class="right-box">
+        <div class="info-box">
+          <div class="info-title">
+            <span class="icon el-icon-star-off"></span>
+            <span class="title">设备信息</span>
+          </div>
+          <div class="info-content">
+            <div class="con-item">
+              <span class="con-label">设备类型:</span>
+              <span class="con-text">{{curDevData.license_info?curDevData.license_info.platType:''}}</span>
+            </div>
+            <!-- <div class="con-item">
+              <span class="con-label">设备类型:</span>
+              <span class="con-text"></span>
+            </div> -->
+            <div class="con-item">
+              <span class="con-label">设备名称:</span>
+              <span class="con-text">{{ curDevData.device_name }}</span>
+            </div>
+            <div class="con-item">
+              <span class="con-label">设备ID:</span>
+              <span class="con-text">{{ curDevData.device_id }}</span>
+            </div>
+            <div class="con-item">
+              <span class="con-label">内网信息:</span>
+              <span class="con-text">{{ curDevData.in_ip }}</span>
+            </div>
+            <div class="con-item">
+              <span class="con-label">外网信息:</span>
+              <span class="con-text">{{ curDevData.out_ip }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="info-box">
+          <div class="info-title">
+            <span class="icon el-icon-star-off"></span>
+            <span class="title">系统版本</span>
+          </div>
+          <div class="info-content">
+            <div class="con-item">
+              <span class="con-label">系统版本:</span>
+              <span class="con-text">
+                {{
+                  curDevData.system_version ? curDevData.system_version : "无"
+                }}
+              </span>
+            </div>
+            <div class="con-item">
+              <span class="con-label">算法版本:</span>
+              <span class="con-text">
+                {{
+                  curDevData.algorithm_version
+                    ? curDevData.algorithm_version
+                    : "无"
+                }}
+              </span>
+            </div>
+            <div class="con-item">
+              <span class="con-label">软件版本:</span>
+              <span class="con-text">
+                {{
+                  curDevData.software_version
+                    ? curDevData.software_version
+                    : "无"
+                }}
+              </span>
+            </div>
+            <div class="con-item">
+              <span class="con-label">固件版本:</span>
+              <span class="con-text">
+                {{
+                  curDevData.firmware_version
+                    ? curDevData.firmware_version
+                    : "无"
+                }}
+              </span>
+            </div>
+          </div>
+        </div>
+        <div class="info-box">
+          <div class="info-title">
+            <span class="icon el-icon-star-off"></span>
+            <span class="title">系统信息</span>
+          </div>
+          <div class="info-content">
+            <div class="con-item">
+              <span class="con-label">分析资源数:</span>
+              <span class="con-text">
+                {{
+                  curDevData.picture_total
+                    ? parseInt(curDevData.picture_total) +
+                      parseInt(curDevData.video_total)
+                    : curDevData.video_total
+                    ? parseInt(curDevData.picture_total) +
+                      parseInt(curDevData.video_total)
+                    : 0
+                }}
+              </span>
+            </div>
+            <div class="con-item">
+              <span class="con-label">已用资源数:</span>
+              <span class="con-text">
+                {{
+                  curDevData.picture_busy
+                    ? parseInt(curDevData.picture_busy) +
+                      parseInt(curDevData.video_busy)
+                    : curDevData.video_busy
+                    ? parseInt(curDevData.picture_busy) +
+                      parseInt(curDevData.video_busy)
+                    : 0
+                }}
+              </span>
+            </div>
+            <div class="con-item">
+              <span class="con-label">离线资源数:</span>
+              <span class="con-text">
+                {{
+                  curDevData.picture_free
+                    ? parseInt(curDevData.picture_free) +
+                      parseInt(curDevData.video_free)
+                    : curDevData.video_free
+                    ? parseInt(curDevData.picture_free) +
+                      parseInt(curDevData.video_free)
+                    : 0
+                }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div style="clear: both;"></div>
+  </div>
+</template>
+
+<script>
+var SVG = require("svg.js");
+var draw = null;
+var childgroup = null;
+var levalgroup = null;
+var levalinecolor = "#333";
+export default {
+  data() {
+    return {
+      treeData: [],
+      subDevData: [],
+      workers: {
+        video_free: 0,
+        video_busy: 0
+      },
+      topheihgt: 120,
+      searchval: "",
+      styleheight: 0,
+      istop: true,
+      levallength: 5,
+      curindex: -1,
+      curlevalcolor: "#f0f0f0",
+      curlevalbordercolor: "#f0f0f0",
+      parentData: {},
+      slaveData: [],
+      devData: [],
+      submastcolor: [
+        "48,210,255",
+        "86,183,202",
+        "237,140,36",
+        "181,184,41",
+        "104,182,69",
+        "105,199,187",
+        "71,157,248",
+        "0,105,255",
+        "116,96,238",
+        "232,84,30"
+      ],
+      curDevData: {},
+      defaultProps: {
+        children: "childs",
+        label: "device_name"
+      },
+      bottomHeight: 0,
+      stylebottom: {},
+      dev_unid: localStorage.getItem("dev_unid")
+    };
+  },
+  mounted() {
+    this.styleheight = 55 * 6;
+    this.subDevData = 0;
+    draw = SVG("drawing")
+      .size(10000, 10000);
+  },
+  created() {
+    this.dataInit();
+    this.getDevStatus();
+  },
+  methods: {
+    getleval(ev, dev) {
+      this.curDevType = "sub";
+      let obj = {
+        parent_id: dev.device_id
+      };
+      this.curDevData = dev;
+      this.$api.device.getSubdev(this.parentData, obj).then(res => {
+        this.slaveData = res.list_data;
+        this.createdLeval(ev, this.slaveData);
+      });
+    },
+    setsubcolor(index) {
+      let color = "";
+      if (index >= 10) {
+        let c = String(index);
+        let i = Number(c[c.length - 1]);
+        color = this.submastcolor[i];
+      } else {
+        color = this.submastcolor[index];
+      }
+      return color;
+    },
+    dataInit: function() {
+      this.$api.device.getDev().then(res => {
+        this.parentData = res[0].dev_unid;
+        this.getDev();
+      });
+    },
+    getDev() {
+      this.$api.device.getSubdev(this.parentData).then(res => {
+        this.devData = res.list_data;
+        this.curDevType = "master";
+        this.curDevData = res.list_data[0];
+        this.createdMaster(res.list_data[0]);
+      });
+    },
+    getSubDev(dev) {
+      let obj = {
+        parent_id: dev.device_id
+      };
+      this.$api.device.getSubdev(this.parentData, obj).then(res => {
+        this.subDevData = res.list_data;
+        this.createdChild(this.subDevData);
+      });
+    },
+    createdMaster(data) {
+      var _this = this;
+      var nested = draw
+        .nested()
+        .size(130, 40)
+        .move(50, 50)
+        .data("sdv", data);
+      nested.attr({ cursor: "pointer" });
+      var rect = nested
+        .rect(130, 40)
+        .attr({ fill: "#123e6c", opacity: 0.6 })
+        .stroke({ color: "#333", opacity: 0.5, width: 1 })
+        .radius(3);
+      var text = nested.text(function(add) {
+        add
+          .tspan(`${data.device_name}`)
+          .newLine()
+          .fill({ color: "#fff" }),
+          add.tspan(`${data.in_ip}`).newLine();
+      });
+      text.dy(-6);
+      nested.click(function() {
+        let data = this.data("sdv");
+        _this.curDevData = data;
+        _this.getSubDev(data);
+      });
+    },
+    createdChild(data) {
+      if (childgroup) {
+        childgroup.clear();
+      }
+      childgroup = draw.group();
+      var _this = this;
+      data.map((ele, index) => {
+        let point = {
+          x: 200,
+          y: 65 * (index + 1) + 70
+        };
+        var polyline = childgroup
+          .polyline([
+            [110, point.y - 45],
+            [110, point.y + 20],
+            [200, point.y + 20]
+          ])
+          .stroke({ width: 1, color: "#ddd" });
+        polyline.fill("none").stroke({
+          width: 1,
+          color: "#333"
+        });
+        ele.color = this.setsubcolor(index);
+        var nested = draw
+          .nested()
+          .size(130, 40)
+          .move(point.x, point.y)
+          .data("childsdv", ele);
+        nested.attr({ cursor: "pointer" });
+        var rect = nested
+          .rect(130, 40)
+          .stroke({ color: "#333", opacity: 0.5, width: 1 })
+          .attr({ fill: `rgb(${_this.setsubcolor(index)})`, opacity: 0.6 })
+          .radius(3);
+        var text = nested.text(function(add) {
+          add
+            .tspan(`${ele.device_name}`)
+            .newLine().dy(120)
+            .fill({ color: "#fff" }),
+            add.tspan(`${ele.in_ip}`).newLine();
+        });
+        text.dy(-6);
+        childgroup.add(nested);
+        nested.click(function() {
+          let data = this.data("childsdv");
+          this.curDevData = data;
+          _this.getleval(this, data);
+          levalinecolor = data.color;
+        });
+      });
+    },
+    createdLeval(ev, data) {
+      if (levalgroup) {
+        levalgroup.clear();
+      }
+      var polyline = "";
+      levalgroup = draw.group();
+      let num = Math.ceil(data.length / 6);
+      for (let i = 0; i <= num; i++) {
+        var laveData = this.setslaveData(data, i);
+        //当前点击节点信息
+        let linepoint = {
+          x: ev.x() + 120,
+          y: ev.y() + 20
+        };
+        var _this = this;
+        console.log(laveData);
+        laveData.map((ele, index) => {
+          let point = {
+            x: 250 * i + 430,
+            y: linepoint.y + index * 65 + 30
+          };
+          if (index == 0 && i == num - 1) {
+            var line = draw
+              .polyline([
+                [linepoint.x + 10, linepoint.y],
+                [point.x - 50, point.y - (index == 0 ? 30 : 58)]
+              ])
+              .stroke({ width: 1, color: "red" });
+            line.fill("none").stroke({
+              width: 1,
+              color: `rgb(${levalinecolor})`
+            });
+            levalgroup.add(line);
+          }
+          if (linepoint.y < 500) {
+            polyline = draw
+              .polyline([
+                [point.x - 50, linepoint.y],
+                [point.x - 50, point.y + 20],
+                [point.x + 50, point.y + 20]
+              ])
+              .stroke({ width: 1, color: `rgb(${levalinecolor})` });
+            polyline.fill("none").stroke({
+              width: 1,
+              color: `rgb(${levalinecolor})`
+            });
+            levalgroup.add(polyline);
+          } else {
+            point = {
+              x: 250 * i + 430,
+              y: linepoint.y - index * 70 - 90
+            };
+            polyline = draw
+              .polyline([
+                [point.x - 50, linepoint.y],
+                [point.x - 50, point.y + 20],
+                [point.x + 50, point.y + 20]
+              ])
+              .stroke({ width: 1, color: `rgb(${levalinecolor})` });
+            polyline.fill("none").stroke({
+              width: 1,
+              color: `rgb(${levalinecolor})`
+            });
+            levalgroup.add(polyline);
+          }
+          var nested = draw
+            .nested()
+            .size(130, 40)
+            .move(point.x, point.y)
+            .data("childsdv", ele);
+          nested.attr({ cursor: "pointer" });
+          var rect = nested
+            .rect(130, 40)
+            .attr({ fill: `rgb(${_this.setsubcolor(index)})` })
+            .radius(3);
+          var text = nested.text(function(add) {
+            add
+              .tspan(`${ele.device_name}`)
+              .newLine()
+              .fill({ color: "#fff" }),
+              add.tspan(`${ele.in_ip}`).newLine();
+          });
+          text.dy(-6);
+          levalgroup.add(nested);
+          //事件点击
+          nested.click(function() {
+            let data = this.data("childsdv");
+            _this.curDevData = data;
+          });
+        });
+      }
+    },
+    setslaveData(data, index) {
+      return data.slice(index * 6, 6 * (index + 1));
+    },
+    getChild(id) {
+      this.$api.resource
+        .getDevsName(
+          {
+            limit: 9999,
+            offset: 0,
+            parent_id: id
+          },
+          this.dev_unid
+        )
+        .then(res => {
+          this.treeData.forEach(item => {
+            if (item.device_id == id) {
+              this.treeData.childs = res.list_data;
+            }
+          });
+        })
+        .catch(error => {});
+    },
+    handleNodeClick(data) {
+      console.log(data);
+    },
+    getDevStatus() {
+      this.$api.device.getDevStatus(this.dev_unid).then(res => {
+        this.workers = res.works;
+      });
+    }
+  }
+};
+</script>
+
+<style scoped="scoped" lang="scss">
+.setting-box {
+  height: calc(100% - 58.5px);
+  width: 99%;
+  margin: 1.5vh auto 0;
+  background: #fff;
+  overflow: hidden;
+  border-radius: 2px;
+}
+.content-box {
+  display: flex;
+  height: 100%;
+  position: relative;
+}
+.search-box {
+  padding: 10px;
+  border-bottom: 1vh solid #f5f7f9;
+  overflow: hidden;
+}
+.left-box {
+  overflow: auto;
+  width: 73vw;
+  position: relative;
+  height: 100%;
+  margin: 0 0 12vh 0;
+}
+.left-box::-webkit-scrollbar {
+  display: none;
+}
+.right-box {
+  width: 20vw;
+  height: 100%;
+  border-left: 10px solid #f5f7f9;
+}
+.master-box {
+  position: absolute;
+  height: 40px;
+  width: 140px;
+  text-align: center;
+  background: rgba(18, 62, 108, 0.2);
+  border: 1px solid rgba(18, 62, 108, 1);
+  border-radius: 5px;
+  left: 30px;
+  top: 25px;
+  cursor: pointer;
+}
+
+.submast-box {
+  position: absolute;
+  left: 12vw;
+  top: 70px;
+  padding: 0 0 10vh 0;
+}
+.submast-item,
+.leval-submast-item {
+  position: relative;
+  height: 5vh;
+  width: 7vw;
+  text-align: center;
+  border-radius: 5px;
+  margin-top: 1vh;
+  border: 1px solid #333;
+  cursor: pointer;
+}
+.submast-item::before {
+  content: "";
+  display: block;
+  position: absolute;
+  left: -5vw;
+  top: 2.5vh;
+  background: #123e6c;
+  width: 5vw;
+  height: 1px;
+}
+.submast-item::after {
+  content: "";
+  display: block;
+  position: absolute;
+  left: -5vw;
+  top: 1.5vh;
+  background: #123e6c;
+  width: 1px;
+  height: 7.3vh;
+}
+.leval-submast-item .left-line {
+  display: block;
+  position: absolute;
+  left: -5vw;
+  top: 2.5vh;
+  background: #123e6c;
+  width: 5vw;
+  height: 1px;
+}
+.leval-submast-item .vertical-line {
+  position: absolute;
+  left: -3vw;
+  top: 2.1vh;
+  background: #123e6c;
+  width: 1px;
+  height: 6.5vh;
+}
+.top-line:first-child::after {
+  height: 10vh;
+  top: -1.5vh;
+}
+.top-line .vertical-line {
+  height: 11vh;
+  top: -2.2vh;
+}
+
+.submast-item:last-child::after {
+  height: 0;
+}
+.leval-box {
+  position: absolute;
+}
+
+.leval-bottom-box {
+  position: absolute;
+}
+.leval-bottom-box .left-line,
+.leval-box .left-line {
+  left: -3vw;
+  background: #ed8c24;
+  width: 3vw;
+  height: 1px;
+}
+.leval-bottom-box .vertical-line,
+.leval-box .vertical-line {
+  left: -3vw;
+  background: #ed8c24;
+}
+.leval-submast-item:last-child .vertical-line {
+  height: 0;
+}
+.leval-bottom-box .bottom-line .vertical-line {
+  height: 6.3vh;
+  top: 2.5vh;
+}
+.sub-line {
+  position: absolute;
+  height: 1px;
+  width: 3vw;
+  right: -3vw;
+  top: 20px;
+}
+.leval-top-line {
+  position: absolute;
+  height: 1px;
+  width: 16.1vw;
+  left: -5vw;
+  top: -1.1vh;
+  background: #ed8c24;
+}
+.leval-bottom-line {
+  position: absolute;
+  height: 1px;
+  width: 15.1vw;
+  left: -4vw;
+  bottom: -3.8vh;
+  background: #ed8c24;
+}
+.leval-bottom-box:last-child .leval-bottom-line {
+  width: 0;
+}
+.leval-box:last-child .leval-top-line {
+  width: 0;
+}
+.info-box {
+  padding: 1.5vw 0 0 1.5vw;
+  overflow: hidden;
+}
+.info-title .icon {
+  display: inline-block;
+  height: 30px;
+  width: 30px;
+  border-radius: 30px;
+  background: rgba(59, 183, 255, 1);
+  text-align: center;
+  line-height: 30px;
+  font-size: 20px;
+  color: #fff;
+}
+.info-title .title {
+  padding: 0 0 0 20px;
+  vertical-align: top;
+  font-size: 16px;
+  color: #000;
+}
+.info-content {
+  margin-left: 50px;
+  font-size: 14px;
+  color: #000;
+}
+.offline {
+  border: 1px solid rgba(65, 60, 60, 0.2) !important;
+  background: rgba(65, 60, 60, 0.2) !important;
+}
+.resource-box {
+  margin-left: 40px;
+  display: inline-block;
+  padding-top: 4px;
+}
+.resource-box .title {
+  color: #000;
+  padding-right: 10px;
+}
+.resource-box .num {
+  font-size: 18px;
+  font-weight: 600;
+}
+.onceline:first-child::after {
+  height: 4vh !important;
+}
+.drawingbox {
+  height: 100%;
+}
+</style>

src/views/dockerimages/dockersstatus.vue

+<template>
+  <div class="innnerBox">
+    <div class="contentbox">
+      <el-col :span="12" v-for="(item,index) in containeslist" :key="index">
+        <el-col :span="4" hidden>
+          <div class="sylist">CPU</div>
+          <div class="sylist">内存</div>
+          <div class="sylist">GPU</div>
+          <!-- <div class="sylist">4</div> -->
+        </el-col>
+        <el-col :span="24">
+          <div :id="item.container" class="chartbox"></div>
+        </el-col>
+      </el-col>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      containeslist: [],
+      stautsclock:null,
+    };
+  },
+  methods: {
+    getcontainer() {
+   
+      this.$api .device.containeslist().then(res => {
+        this.containeslist = res;
+         res.map(ele => {
+              this.gpuresource(ele);
+          });
+         this.stautsclock = setInterval(() => {
+            res.map(ele => {
+              this.gpuresource(ele);
+          });
+        }, 10000)
+       
+      });
+    },
+    gpuresource(val){
+      let start= this.$moment().subtract(1, "h").format("YYYY-MM-DD HH:mm:ss"); //当前时间前一天
+      let end= this.$moment().format("YYYY-MM-DD HH:mm:ss"); 
+      let params ={
+        startDt:start,
+        endDt:end,
+        container:val.container
+      }
+      this.$api.device.gpuresource(params).then(res => {
+        this.setChart(res,val);
+        console.log("数据源",res)
+      
+      });
+    },
+    refreshData(val) {
+      let start= this.$moment().subtract(6, "s").format("YYYY-MM-DD HH:mm:ss"); //当前时间前一天
+      let end= this.$moment().format("YYYY-MM-DD HH:mm:ss"); 
+      let params ={
+        startDt:start,
+        endDt:end,
+        container:val.container
+      }
+      this.$api.device.gpuresource(params).then(res => {
+        if(res.length> 0) {
+          this.gpuresource(val);
+        }
+      });
+    },
+    setChart(val,elid) {
+       var myChart = this.$echarts.init(
+        document.getElementById(elid.container)
+      );
+      var mdata = [];
+      var cdata = [];
+      var gdata = [];
+      var DAY = 3600 * 24 * 1000;
+      var HOUR = 3600 * 1000;
+      for (var i = 0; i < val.length; i++) {
+        mdata.push([new Date( val[i].recordTime.replace('-', '/')).getTime(),parseInt((val[i].memoryUsed/val[i].memoryLimit*100))]);
+        cdata.push([new Date( val[i].recordTime.replace('-', '/')).getTime(), val[i].cpuPercent]);
+        gdata.push([new Date( val[i].recordTime.replace('-', '/')).getTime(), parseInt((val[i].resourceMemoryUsed/val[i].resourceMemoryTotal*100))]);
+      }
+      console.log("测试数据源",mdata)
+
+      //把new Date出来的时间格式转换为data123中的日期格式
+      var option = {
+        legend: {
+            top: 10,
+            left: 'center',
+            data: ['内存','CPU','GPU']
+        },
+        title: {
+          left: '12',
+          text: elid.container,
+          textStyle:{
+          //文字颜色
+          color:'#699',
+          //字体大小
+  　　　　 fontSize:14
+      }
+        },
+        grid:{
+                x:'4.6%',
+                y:'9%',
+                x2:'1%',
+                y2:'30%',
+            },
+        dataZoom: [
+          {
+            type: "slider"
+          },
+          {
+            type: "inside"
+          }
+        ],
+        xAxis: {
+          type: "time",
+          // interval: DAY / 2,
+          axisLabel: {
+            // formatter: (value)=> {
+            //   if (value % DAY === 0) {
+            //     var month = this.$echarts.format.formatTime("M月", value);
+            //     var dayOfM = this.$echarts.format.formatTime("d日", value);
+            //     return "{strong|" + dayOfM + "}\n{lite|" + month + "}";
+            //   } else {
+            //     var formatted = this.$echarts.format.formatTime("h点", value);
+            //     return formatted;
+            //   }
+            // },
+            rich: {
+              strong: {
+                color: "#2784e8",
+                fontSize: 12,
+                fontWeight: 700
+              },
+              lite: {
+                color: "#999",
+                lineHeight: 25,
+                fontSize: 10
+              }
+            }
+          }
+        },
+        yAxis: {},
+        tooltip: {
+          trigger: "axis"
+        },
+        series: [
+          { 
+            name:'内存',
+            type: "line",
+            showSymbol: false,
+            data: mdata
+          },
+          { 
+            name:'CPU',
+            type: "line",
+            showSymbol: false,
+            data: cdata
+          },{ 
+            name:'GPU',
+            type: "line",
+            showSymbol: false,
+            data: gdata
+          }
+        ]
+      };
+      myChart.setOption(option);
+    }
+  },
+  created() {
+    this.getcontainer();
+  },
+  beforeDestroy(){
+    clearInterval(this.stautsclock);
+    this.stautsclock = null;
+  },
+  mounted() {}
+};
+</script>
+<style lang="stylus" scoped>
+.contentbox {
+  overflow: hidden;
+}
+.sylist{
+  height 60px
+  margin-top 15px
+  width 90%
+  margin 15px auto 0;
+  border 1px solid #ccc
+  border-radius 2px
+}
+.chartbox {
+  height: 330px;
+  overflow hidden
+}
+</style>

src/views/dockerimages/image.vue

+<template>
+  <div class="innnerBox">
+    <el-col :span="22">
+      <el-form ref="form" label-width="80px" inline>
+				 <el-form-item label="镜像名称">
+          <span class="selectBox">
+						<el-input v-model="imagename"></el-input>  
+          </span>
+        </el-form-item>
+      </el-form>
+    </el-col>
+		 <el-col :span="2">
+				<el-button class="" type="primary" @click="addimage">添加</el-button>
+    </el-col>
+    <div class="table-box mt10" >
+      <el-table :data="tableData" tooltip-effect="dark" ref="multipleTable" height="700" style="width: 100%"  v-loading="loading">
+        <el-table-column type="index" width="55">
+        </el-table-column>
+        <el-table-column prop="filename" align="center" label="镜像名称">
+        </el-table-column>
+        <el-table-column prop="type" align="center" label="应用类型">
+        </el-table-column>
+        <el-table-column prop="cname" align="center" label="发布厂家">
+        </el-table-column>
+        <el-table-column prop="version" align="center" label="版本号">
+        </el-table-column>
+        <el-table-column prop="create_dt" align="center" label="创建时间">
+        </el-table-column>
+        <el-table-column align="center" label="操作">
+           <template slot-scope="scope">
+            <div>
+              <span class="det-btn" @click="tpdetail(scope.row)">详情</span>
+              <span class="del-btn"  @click="deltem(scope.$index, tableData)">删除</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+  
+				  <div style="margin-top: 28px;">
+        <el-pagination
+          style="float: right;"
+          background
+          prev-text="上一页"
+          next-text="下一页"
+          :page-sizes="[30, 50, 100, 200]"
+          layout="total, prev, pager, next,sizes, jumper"
+          :current-page="search.currentPage"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :total="search.total"
+        >
+        </el-pagination>
+        <div style="clear: both;"></div>
+      </div>
+      </div>
+    </div>
+    <div>
+    <el-dialog title="添加镜像" :visible.sync="isShow" width="30%" class="add-algomanage-box">
+      <div style="overflow:hidden">
+         <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">镜像名称:</el-col>
+          <el-col :span="10">
+            <el-input v-model="filename"></el-input>
+            <input type="file" hidden @change="setfile" ref="upload" id="algo_file">
+          </el-col>
+          <el-col :span="4">
+            <el-button @click="searchfile">浏览</el-button>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">发布厂家:</el-col>
+          <el-col :span="10">
+            <el-input v-model="cname" placeholder="厂家名称"  class="algo-header-left"></el-input>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">应用类型:</el-col>
+          <el-col :span="10">
+            <el-select v-model="usetype" placeholder="业务类型" class="algo-header-left">
+            <el-option value="jiaotong" label="交通算法"></el-option>
+            <el-option value="zongzhi" label="城市综合治理算法"></el-option>
+            <el-option value="shequ" label="社区管理算法"></el-option>
+            <el-option value="renlian" label="人脸识别算法"></el-option>
+            <el-option value="yuyi" label="语义分析算法"></el-option>
+            <el-option value="wenben" label="文本识别算法"></el-option>
+          </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="24">
+          <div class="algo-group algo-progress-bar" v-if="progress_status">
+            <span class="progress-text">上传进度</span>
+            <div class="graph">
+              <strong id="algoBar"></strong>
+            </div>
+          </div>
+        </el-col>
+      </div>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="isShow = false">取 消</el-button>
+          <el-button type="primary" @click="saveaddImage">确 定</el-button>
+        </div>
+      </el-dialog>
+      <!-------------------------------镜像详情----------------------------------------------->
+      <el-dialog title="镜像详情" :visible.sync="detailDialog" width="30%" class="add-algomanage-box">
+      <div style="overflow:hidden">
+         <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">镜像名称:</el-col>
+          <el-col :span="10">
+            <el-input v-model="filename" disabled="true"></el-input>
+          </el-col>
+        
+        </el-col>
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">发布厂家:</el-col>
+          <el-col :span="10">
+            <el-input v-model="cname"  disabled="true" placeholder=""  class="algo-header-left"></el-input>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">创建时间:</el-col>
+          <el-col :span="10">
+            <el-input v-model="create_dt"  disabled="true" placeholder=""  class="algo-header-left"></el-input>
+          </el-col>
+        </el-col>
+      </div>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="detailDialog = false">取 消</el-button>
+          <el-button type="primary" @click="detailDialog = false">确 定</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        imagename:'',
+        companyname:'',
+        cname:'',
+        tableData: [],
+        filename:'',
+        isShow: false,
+        loading:false,
+        detailDialog:false,
+        details: [],
+        fileList:[],
+        usetype:'',
+        fileIds:'',
+        progress_status:false,
+        search:{
+          size:20,
+          limit:20,
+          offset:0,
+          currentPage:0,
+          total:0
+        }
+      }
+    },
+    methods: {
+      addimage(){
+        this.isShow = true;
+      },
+      saveaddImage(){
+        this.isShow = false;
+        let data = {
+          filename:this.filename,
+          type:this.usetype,
+          cname:this.cname,
+          id:new Date().getTime(),
+          version:'1.0.1',
+          create_dt:this.$moment().format('YYYY-MM-DD HH:mm:ss')
+        }
+        this.tableData.push(data);
+        let storeData = JSON.stringify( this.tableData);
+        console.log(storeData)
+        localStorage.setItem("imageData",storeData)
+      },
+      searchfile(){
+        this.$refs.upload.click()
+      },
+      tpdetail(row){
+         this.detailDialog = true;
+         this.filename = row.filename;
+         this.cname = row.cname;
+         this.create_dt = row.create_dt;
+      },
+      deltem(index,rows){
+        rows.splice(index, 1);
+        let storeData = JSON.stringify( this.tableData);
+        localStorage.setItem("imageData",storeData);
+      },
+      getData(){
+         var tData = localStorage.getItem("imageData")?localStorage.getItem("imageData"):[];
+         this.tableData = JSON.parse(tData)
+      },
+
+      setfile(e){
+         try {
+          this.filename = event.target.files[0].name;
+        }catch(err){
+           this.filename = '';
+        }
+        if(this.filename !== '') {
+          let algoFileExt = this.filename.slice(-7);
+					if(algoFileExt !== ".tar.gz") {
+						this.filename = "";
+						this.$message({
+							type: 'warning',
+							message: '目前只支持"*.tar.gz"文件'
+						})
+					}
+        }
+      },
+      handleSizeChange(){},
+      handleCurrentChange(){},
+    },
+    created() {
+      
+    },
+    mounted(){
+     this.getData();
+    }
+  }
+
+</script>
+<style lang="stylus" scoped>
+.algo_manage{
+		width:100%
+	}
+  .search-item{
+    margin-top 10px
+  }
+	.algo_manage_header{
+		background-color: rgba(23,39,68,.7);
+		margin: 0 10px 5px;
+		border-radius: 3px;
+		font-size: 18px;
+		padding: 0 5%;
+		height: 46px;
+		line-height: 46px;
+		position: relative;
+		z-index: 50;
+		overflow: hidden;
+	}
+
+	.algo-header-left {
+		float: left;
+	}
+
+	.algo-header-right {
+		float: right;
+		padding-right: 5%;
+		box-sizing: border-box;
+	}
+
+	.algo-header-right button{
+		width: 80px;
+		margin-left: 0.5%;
+		line-height: 35px;
+	}
+	#program_path {
+		font-size: 14px
+	}
+	/**
+	 * 复选框
+	 */
+	.algo-table label span{
+	    display: inline-block;
+	    width: 15px;
+	    height: 15px;
+	    border: 1px solid #fff;
+	    border-radius: 2px;
+	}
+
+	.algo-table li label span.active {
+		background: #2194ef;
+	    border: none;
+	}
+
+	/*表格样式*/
+	.algo-table {
+		position: relative;
+		z-index: 50;
+	}
+
+	.algo-thead {
+		border-left: 4px solid rgba(12,21,48,.8);
+	}
+
+	.algo-table li {
+		 width: 22%;		/* 18% */
+		overflow: hidden;
+	}
+
+	.algo-table li:first-child {
+		width: 8%;
+	}
+
+	.algo-table li:last-child {
+		width: 26%;		/* 20% */
+	}
+
+	.algo-table li:last-child button {
+		width: 31%;
+		line-height: 35px;
+	}
+
+	/*模态框*/
+	.modal-title .title {
+		font-size: 18px;
+	}
+
+	.modal-body {
+		position: relative;
+		padding-right: 90px;
+		padding-bottom: 20px;
+	}
+
+	.algo-group {
+		height: 56px;
+		line-height: 45px;
+		font-size: 18px;
+		text-align: left;
+		margin-left: 10%
+	}
+	label {
+		font-size: 16px
+	}
+
+	.algo-group label:first-child {
+		width: 94px;
+		padding-right: 5px;
+		line-height: 40px;
+	}
+
+	.algo-group label:last-child {
+		 /* width: 22%;  */
+		padding: 0 10px;
+	    height: 30px;
+	    line-height: 30px;
+		margin-left: 10px;
+		background: linear-gradient(to bottom, #359CED, #225D8C);
+		border: 1px solid #65B4F3;
+	    border-radius: 5px;
+		position: absolute;
+		/* right: 106px;  */
+	    margin-bottom: 0px;
+	    margin-top: 7px;
+		font-size: 15px;
+	}
+
+	/* #algo_file {
+		position: absolute;
+		left: 0;
+		top: 0;
+	} */
+
+	.algo-type {
+		width: 54%;
+	}
+
+	.algo-group .program-path {
+		width: 54% !important;
+	}
+
+	/**
+	 * 进度条
+	 */
+	div.algo-progress-bar {
+		/* padding-left: 31.8%; */
+		/* position: relative; */
+		/* height: 26px; */
+		height: 56px;
+		line-height: 45px;
+		/* line-height: 26px; */
+	}
+
+	/* div.algo-progress-bar:before {
+		content: "上传进度";
+		display: block;
+		position: absolute;
+		left: 14%;
+	} */
+
+	.progress-text {
+		font-size: 16px;
+		display: inline-block;
+		width: 94px;
+		padding-right: 5px;
+		line-height: 40px;
+	}
+
+	.graph {
+	    height: 26px;
+		width: 54%;
+		display: inline-block;
+	    border-radius: 4px;
+	    overflow: hidden;
+		position: relative;
+		top: 8px;
+	}
+
+	#algoBar {
+	    display: block;
+	    background: #4cb050;
+	    float: left;
+	    height: 100%;
+	    text-align: center;
+		  line-height: 26px;
+	}
+
+	.algo-modal-footer button {
+		height: 40px;
+		line-height: 36px;
+		 width: 10%;
+	}
+
+	.list_page {
+		z-index: 51;
+	}
+
+	/*禁用选中文字*/
+	*.unselectable {
+		-moz-user-select: -moz-none;
+		-webkit-user-select: none;
+		-ms-user-select: none;
+		user-select: none;
+	}
+  .det-btn{
+    padding 0 10px;
+    color #0069FF
+    cursor pointer
+  }
+  .del-btn{
+    color #f2365a
+    cursor pointer
+  }
+</style>

src/views/dockerimages/imagesend.vue

+<template>
+   <div class="innnerBox">
+    <div class="imagebox">
+      <div class="stepbox">
+        <el-col :span="20" :offset="2">
+          <el-steps :active="active" finish-status="success">
+            <el-step title="镜像准备"></el-step>
+            <el-step title="下发配置"></el-step>
+            <el-step title="流程检查"></el-step>
+            <el-step title="下发进度"></el-step>
+          </el-steps>
+        </el-col>
+      </div>
+      <div class="settingbox">
+        <div class="" v-show="active == 1">
+          <el-table :data="tableData" tooltip-effect="dark" border ref="imagetable" style="width: 90%;margin:10px auto"  @select="handleSelectionChange">
+            <el-table-column type="selection" width="55" align="center">
+            </el-table-column>
+            <el-table-column prop="filename" align="center" label="镜像名称">
+            </el-table-column>
+            <el-table-column prop="type" align="center" label="应用类型">
+            </el-table-column>
+            <el-table-column prop="cname" align="center" label="发布厂家">
+            </el-table-column>
+            <el-table-column prop="version" align="center" label="版本号">
+            </el-table-column>
+            <el-table-column prop="create_dt" align="center" label="创建时间">
+            </el-table-column>
+          </el-table>
+          <el-button style="margin: 12px 70px  0 0;float:right" @click="next" align="right">下一步</el-button>
+        </div>
+        <div class="" v-show="active == 2">
+          <div class="sendboxtale">
+            <el-tabs v-model="activeName">
+              <el-tab-pane label="通用参数" name="first">
+                <div class="thead">
+                  <el-col :span="5" class="td"><span>参数名称</span></el-col>
+                  <el-col :span="5" class="td"><span>参数类型</span></el-col>
+                  <el-col :span="8" class="td"><span>参数值</span></el-col>
+                  <el-col :span="6" class="td"><span>说明</span></el-col>
+                </div>
+                <div class="tbody">
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>LANGUAGE</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="language"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>英语/中文</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>appid</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="appid"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>应用ID</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>appname</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="appname"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>应用名称</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>apptype</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="apptype"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>应用类型</span></el-col>
+                  </div>
+                   <div class="trow">
+                      <el-col :span="5" class="td"><span>appversion</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="appversion"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>应用版本</span></el-col>
+                  </div>
+                </div>
+              </el-tab-pane>
+              <el-tab-pane label="网络参数" name="second">
+                <div class="thead">
+                  <el-col :span="5" class="td"><span>参数名称</span></el-col>
+                  <el-col :span="5" class="td"><span>参数类型</span></el-col>
+                  <el-col :span="8" class="td"><span>参数值</span></el-col>
+                  <el-col :span="6" class="td"><span>说明</span></el-col>
+                </div>
+                <div class="tbody">
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>Outer_Service_Vlanid</span></el-col>
+                      <el-col :span="5" class="td"><span>整数</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="out_vid"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>Outer_Service_Vlanid</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>Outer_Service_IP</span></el-col>
+                      <el-col :span="5" class="td"><span>IPV4</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="out_ip"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>Outer_Service_IP</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>Outer_Service_IPPool_Mask</span></el-col>
+                      <el-col :span="5" class="td"><span>IPV4</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="out_ip_mask"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>Outer_Service_IPPool_Mask</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>Outer_Service_IPPool_Gateway</span></el-col>
+                      <el-col :span="5" class="td"><span>IPV4</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="out_getway"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>Outer_Service_IPPool_Gateway</span></el-col>
+                  </div>
+                </div>
+              </el-tab-pane>
+              <el-tab-pane label="实例参数" name="third">
+                <div class="thead">
+                  <el-col :span="5" class="td"><span>参数名称</span></el-col>
+                  <el-col :span="5" class="td"><span>参数类型</span></el-col>
+                  <el-col :span="8" class="td"><span>参数值</span></el-col>
+                  <el-col :span="6" class="td"><span>说明</span></el-col>
+                </div>
+                <div class="tbody">
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>VideoInsight_NUMBER</span></el-col>
+                      <el-col :span="5" class="td"><span>整数</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="dockernumber" placeholder="最小值"></el-input></span>~<span><el-input v-model="dockernumbermax" placeholder="最大值"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>VideoInsight容器数量</span></el-col>
+                  </div>
+                </div>
+              </el-tab-pane>
+              <el-tab-pane label="VI 应用参数" name="fourth">
+                        <div class="thead">
+                  <el-col :span="5" class="td"><span>参数名称</span></el-col>
+                  <el-col :span="5" class="td"><span>参数类型</span></el-col>
+                  <el-col :span="8" class="td"><span>参数值</span></el-col>
+                  <el-col :span="6" class="td"><span>说明</span></el-col>
+                </div>
+                <div class="tbody">
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>sysPassword</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="syspwd"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>系统密码</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>sysPassword1</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="syspwd1"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>系统密码确认</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>userPassword</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="userpwd"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>用户密码</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>userPassword1</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="userpwd1"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>用户密码确认</span></el-col>
+                  </div>
+                   <div class="trow">
+                      <el-col :span="5" class="td"><span>tname</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="tname"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>tname</span></el-col>
+                  </div>
+                   <div class="trow">
+                      <el-col :span="5" class="td"><span>tValidityPeriod</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="tValidityPeriod"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>tValidityPeriod</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>certificatePassword</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="certificatePassword"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>证书密码</span></el-col>
+                  </div>
+                   <div class="trow">
+                      <el-col :span="5" class="td"><span>keyLentgth</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="keyLentgth"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>keyLentgth</span></el-col>
+                  </div>
+                   <div class="trow">
+                      <el-col :span="5" class="td"><span>vi_language</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="vi_language"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>VI应用语言:0-英语，1-中文</span></el-col>
+                  </div>
+                </div>
+              </el-tab-pane>
+            </el-tabs>
+          </div>
+          <!-- <el-table :data="sendtable" tooltip-effect="dark" border ref="multipleTable" style="width: 90%;margin:10px auto" >
+            <el-table-column prop="name" align="center" label="参数名称">
+            </el-table-column>
+            <el-table-column align="center" label="参数值">
+              <template slot-scope="scope">
+               <div v-if="scope.$index == 0">
+                 <el-input v-model="dockernumber"></el-input>
+               </div>
+               <div v-if="scope.$index == 1">
+                 <el-input v-model="dockername"></el-input>
+               </div>
+               <div v-if="scope.$index == 2">
+                 <el-slider v-model="ziyuan"></el-slider>
+               </div>
+               <div v-if="scope.$index == 3"></div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="info" align="center" label="说明">
+            </el-table-column>
+          </el-table> -->
+            <el-button style="margin: 12px 70px  0 0;float:right" @click="next" align="right">下一步</el-button>
+            <el-button style="margin: 12px 10px 0 0;float:right" @click="prev" align="right">上一步</el-button>
+        </div>
+        <div class="" v-show="active == 3"  v-loading="loading" element-loading-text="流程检查中"  element-loading-background="rgba(0, 0, 0, 0.8)"  element-loading-spinner="el-icon-loading">
+          <el-table :data="liuchengtable" tooltip-effect="dark" border ref="multipleTable" style="width: 90%;margin:10px auto" >
+            <el-table-column type="index" align="center" label="序号">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="检查项">
+            </el-table-column>
+            <el-table-column  prop="status" align="center" label="状态">
+              <template slot-scope="scope">
+                <div>
+                  <i v-if="scope.row.status == '1'" class="el-icon-warning warningcolor"></i> <i v-if="scope.row.status !== '1'" class="el-icon-warning successcolor" ></i>{{scope.row.status == '1'?"待检测":"通过"}}
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-button style="margin: 12px 70px  0 0;float:right" @click="next" align="right">下一步</el-button>
+          <el-button style="margin: 12px 10px 0 0;float:right" @click="prev" align="right">上一步</el-button>
+        </div>
+        <div class="" v-show="active == 4">
+         <el-table :data="jindutable" tooltip-effect="dark" border ref="multipleTable" style="width: 90%;margin:10px auto" >
+            <el-table-column type="index" align="center" label="#">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="容器名称">
+            </el-table-column>
+            <el-table-column prop="info" align="center" label="进度">
+              <template slot-scope="scope">
+                <div>
+                  <el-progress :percentage="scope.row.jindu" status="success"></el-progress>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-button style="margin: 12px 70px;float:right" @click="saveImage" align="right">完成</el-button>
+        </div>
+        
+      </div>
+    </div>
+
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        active: 1,
+        dockernumber:1,
+        activeName:"first",
+        dockername:"自动",
+        dockernumbermax:"",
+        loading:false,
+        ziyuan:50,
+        selectImage:[],
+        sendtable:[{
+          name:"创建数据量",
+          info:"创建容器个数"
+        },{
+          name:"容器名称",
+          info:"容器名称"
+        },{
+          name:"资源配置",
+          info:"指定容器实际分配的硬件资源"
+        },{
+          name:"时间计划",
+          info:"容器自动启停的时间计划"
+        }],
+        liuchengtable:[{
+          name:"配置参数检查",
+          status:"1"
+        },{
+          name:"容器镜像检查",
+          status:"1",
+        },{
+          name:"网络检查",
+          status:"1"
+        },{
+          name:"节点资源检查",
+          status:"1"
+        }],
+        jindutable:[],
+      };
+    },
+
+    methods: {
+      next() {
+        debugger
+         if(this.selectImage.length < 1){
+          this.$message({
+            message: '请选择一个镜像',
+            type: 'warning'
+          });
+           return false;
+         } 
+          if (this.active == 3){
+            this.loading = true;
+            setTimeout(()=>{
+              this.loading = false;
+              if(this.active == 3){
+                if(this.dockernumber > 0) {
+                  for(let i = 0; i < this.dockernumber; i++) {
+                    let data = {
+                      name:`GPU${this.$moment().format('HHmmss')}`,
+                      ziyuan:`${this.ziyuan}%`,
+                      jindu:80
+                    }
+                    // this.liuchengtable.push(data)
+                    this.jindutable.push(data)
+                  
+                  }
+                  this.selectImage.map(ele => {
+                      ele.dockers =  this.jindutable;
+                  })
+                }
+                this.active++
+              }
+            },2000)
+            return false
+          } 
+          if (this.active++ > 3) this.active = 1;
+      
+      },
+      prev(){
+       if(this.active-- < 2) {
+         this.active = 1
+       } 
+      },
+      getImageData(){
+         var tData = localStorage.getItem("imageData")?localStorage.getItem("imageData"):[];
+         this.tableData = JSON.parse(tData)
+      },
+     handleSelectionChange(val){
+       this.selectImage = val;
+     },
+     saveImage(){
+       this.active = 1;
+       this.tableData.map(ele => {
+         this.selectImage.map(sel => {
+           if (ele.filename == sel.filename) {
+             ele = sel
+           }
+         })
+       })
+      let storeData = JSON.stringify( this.tableData);
+      localStorage.setItem("imageData",storeData)
+     },
+    },
+    mounted(){
+      this.getImageData();
+    }
+  }
+</script>
+
+<style lang="stylus" scoped>
+.imagebox{
+  overflow hidden
+}
+.stepbox{
+  width 100%
+  overflow hidden
+  margin-top 5vh
+}
+.settingbox{
+  width 90%;
+  margin 5vh auto;
+  min-height 70vh
+}
+.sendboxtale{
+  width 90%
+  margin 0 auto;
+  .thead{
+    color #666
+    border 1px solid #c0c0c0
+    height 35px
+    line-height 35px
+    text-align:center
+    span{
+      display inline-block;
+      width 100%
+    }
+    .td{
+      border-right:1px solid #c0c0c0;
+    }
+    .td:last-child{
+       border-right:0;
+    }
+  }
+  .tbody .td{
+    text-align:center
+  }
+ .tbody .td{
+    border-right:1px solid #c0c0c0;
+ }
+  .tbody .td:last-child{
+    border-right:0
+  }
+ .tbody span{
+    display inline-block;
+    height 35px
+    line-height 35px
+    color #666
+ }
+.tbody span:nth-child(2){
+      padding 0 20px
+    }
+ .tbody {
+     border 1px solid #c0c0c0
+     overflow hidden
+     border-top 0
+ }
+ .trow{
+   border-bottom 1px solid #c0c0c0
+   overflow hidden
+ }
+ .trow:last-child{
+   border 0
+ }
+ .warningcolor{
+   color #e6a23c!important
+ }
+ .successcolor{
+   color #5c887a!important
+ }
+}
+</style>
\ No newline at end of file

src/views/dockerimages/serviecManage.vue

+<template>
+  <div class="innnerBox">
+    <el-col :span="22">
+      <el-form ref="form" label-width="80px" inline>
+				 <el-form-item label="服务名称">
+          <span class="selectBox">
+						<el-input v-model="imagename"></el-input>  
+          </span>
+        </el-form-item>
+      </el-form>
+    </el-col>
+		 <el-col :span="2">
+				<el-button class="" type="primary" @click="addimage">服务发布</el-button>
+    </el-col>
+    <div class="table-box mt10" >
+      <el-table :data="serveTableData" tooltip-effect="dark" ref="multipleTable" height="700" style="width: 100%"  v-loading="loading">
+        <el-table-column type="index" width="55" label="#">
+        </el-table-column>
+        <el-table-column prop="servename" align="center" label="服务名称">
+        </el-table-column>
+        <el-table-column prop="servetype" align="center" label="服务类型">
+        </el-table-column>
+        <el-table-column  align="center" label="算法模板">
+            <template slot-scope="scope">
+             <div>
+               {{showTpl(scope.row.tplID)}}
+             </div>
+           </template>
+        </el-table-column>
+        <el-table-column  align="center" label="应用镜像">
+            <template slot-scope="scope">
+             <div>
+               {{showImage(scope.row.imageID)}}
+             </div>
+           </template>
+        </el-table-column>
+        <el-table-column prop="create_dt" align="center" label="发布时间">
+        </el-table-column>
+         <el-table-column prop="status" align="center" label="服务状态">
+           <template slot-scope="scope">
+             <div>
+               {{scope.row.status == 1?"启动":'暂停'}}
+             </div>
+           </template>
+        </el-table-column>
+        <el-table-column align="center" label="操作">
+           <template slot-scope="scope">
+            <div>
+              <span class="det-btn" @click="tpdetail(scope.row)">启动</span>
+              <span class="del-btn"  @click="deltem(scope.$index, serveTableData)">删除</span>
+              <span class="put-btn"  @click="puttem(scope.$index, serveTableData)">扩容</span>
+              <span class="det-btn"  @click="detailshili(scope.$index, serveTableData)">实例查看</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+				  <div style="margin-top: 28px;">
+        <el-pagination
+          style="float: right;"
+          background
+          prev-text="上一页"
+          next-text="下一页"
+          :page-sizes="[30, 50, 100, 200]"
+          layout="total, prev, pager, next,sizes, jumper"
+          :current-page="search.currentPage"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :total="search.total"
+        >
+        </el-pagination>
+        <div style="clear: both;"></div>
+      </div>
+      </div>
+    </div>
+    <div>
+    <el-dialog title="服务发布" :visible.sync="isShow" width="80%" class="add-algomanage-box">
+      <div style="overflow:hidden">
+        <div v-show="active == 1">
+          <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">服务名称:</el-col>
+          <el-col :span="10">
+            <el-input v-model="servename" placeholder="服务名称"  class="algo-header-left"></el-input>
+          </el-col>
+        </el-col>
+         <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">服务类型:</el-col>
+          <el-col :span="10">
+            <!-- <el-input v-model="usetype" placeholder="算法模板"  class="algo-header-left"></el-input> -->
+            <el-select v-model="servetype">
+              <el-option value="算法服务" label="算法模板"></el-option>
+              <el-option value="应用服务" label="应用镜像"></el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="search-item" v-if="servetype == '算法服务'">
+          <el-col :span="6" class="search-label">算法模板:</el-col>
+          <el-col :span="10">
+            <el-select v-model="algoTpl">
+              <el-option  v-for="(titem,index) in tplData" :key="index" :label="titem.tplname" :value="titem.tid"></el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="search-item" v-if="servetype == '应用服务'">
+          <el-col :span="6" class="search-label">镜像选择:</el-col>
+          <el-col :span="10">
+            <el-select v-model="images">
+              <el-option v-for="(item,index) in imageData" :key="index" :label="item.filename"  :value="item.id" ></el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+         <el-col :span="24" class="search-item">
+          <el-col :span="6" class="search-label">配置文件:</el-col>
+          <el-col :span="10">
+            <el-input v-model="servefile"></el-input>
+            <input type="file" hidden @change="setfile" ref="upload" id="algo_file">
+          </el-col>
+          <el-col :span="4">
+            <el-button @click="searchfile">浏览</el-button>
+          </el-col>
+        </el-col>
+        <el-col :span="24">
+          <div class="algo-group algo-progress-bar" v-if="progress_status">
+            <span class="progress-text">上传进度</span>
+            <div class="graph">
+              <strong id="algoBar"></strong>
+            </div>
+          </div>
+        </el-col>
+        </div>
+         <div v-show="active == 2" class="sendboxtale">
+             <el-tabs v-model="activeName">
+              <el-tab-pane label="通用参数" name="first">
+                <div class="thead">
+                  <el-col :span="5" class="td"><span>参数名称</span></el-col>
+                  <el-col :span="5" class="td"><span>参数类型</span></el-col>
+                  <el-col :span="8" class="td"><span>参数值</span></el-col>
+                  <el-col :span="6" class="td"><span>说明</span></el-col>
+                </div>
+                <div class="tbody">
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>LANGUAGE</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="language"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>英语/中文</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>appid</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="appid"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>应用ID</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>appname</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="appname"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>应用名称</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>apptype</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="apptype"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>应用类型</span></el-col>
+                  </div>
+                   <div class="trow">
+                      <el-col :span="5" class="td"><span>appversion</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="appversion"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>应用版本</span></el-col>
+                  </div>
+                </div>
+              </el-tab-pane>
+              <el-tab-pane label="网络参数" name="second">
+                <div class="thead">
+                  <el-col :span="5" class="td"><span>参数名称</span></el-col>
+                  <el-col :span="5" class="td"><span>参数类型</span></el-col>
+                  <el-col :span="8" class="td"><span>参数值</span></el-col>
+                  <el-col :span="6" class="td"><span>说明</span></el-col>
+                </div>
+                <div class="tbody">
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>Outer_Service_Vlanid</span></el-col>
+                      <el-col :span="5" class="td"><span>整数</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="out_vid"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>Outer_Service_Vlanid</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>Outer_Service_IP</span></el-col>
+                      <el-col :span="5" class="td"><span>IPV4</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="out_ip"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>Outer_Service_IP</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>Outer_Service_IPPool_Mask</span></el-col>
+                      <el-col :span="5" class="td"><span>IPV4</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="out_ip_mask"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>Outer_Service_IPPool_Mask</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>Outer_Service_IPPool_Gateway</span></el-col>
+                      <el-col :span="5" class="td"><span>IPV4</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="out_getway"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>Outer_Service_IPPool_Gateway</span></el-col>
+                  </div>
+                </div>
+              </el-tab-pane>
+              <el-tab-pane label="实例参数" name="third">
+                <div class="thead">
+                  <el-col :span="5" class="td"><span>参数名称</span></el-col>
+                  <el-col :span="5" class="td"><span>参数类型</span></el-col>
+                  <el-col :span="8" class="td"><span>参数值</span></el-col>
+                  <el-col :span="6" class="td"><span>说明</span></el-col>
+                </div>
+                <div class="tbody">
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>VideoInsight_NUMBER</span></el-col>
+                      <el-col :span="5" class="td"><span>整数</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="dockernumber" placeholder="最小值"></el-input></span>~<span><el-input v-model="dockernumbermax" placeholder="最大值"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>VideoInsight容器数量</span></el-col>
+                  </div>
+                </div>
+              </el-tab-pane>
+              <el-tab-pane label="VI 应用参数" name="fourth">
+                        <div class="thead">
+                  <el-col :span="5" class="td"><span>参数名称</span></el-col>
+                  <el-col :span="5" class="td"><span>参数类型</span></el-col>
+                  <el-col :span="8" class="td"><span>参数值</span></el-col>
+                  <el-col :span="6" class="td"><span>说明</span></el-col>
+                </div>
+                <div class="tbody">
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>sysPassword</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="syspwd"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>系统密码</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>sysPassword1</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="syspwd1"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>系统密码确认</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>userPassword</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="userpwd"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>用户密码</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>userPassword1</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="userpwd1"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>用户密码确认</span></el-col>
+                  </div>
+                   <div class="trow">
+                      <el-col :span="5" class="td"><span>tname</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="tname"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>tname</span></el-col>
+                  </div>
+                   <div class="trow">
+                      <el-col :span="5" class="td"><span>tValidityPeriod</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="tValidityPeriod"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>tValidityPeriod</span></el-col>
+                  </div>
+                  <div class="trow">
+                      <el-col :span="5" class="td"><span>certificatePassword</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="certificatePassword"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>证书密码</span></el-col>
+                  </div>
+                   <div class="trow">
+                      <el-col :span="5" class="td"><span>keyLentgth</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="keyLentgth"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>keyLentgth</span></el-col>
+                  </div>
+                   <div class="trow">
+                      <el-col :span="5" class="td"><span>vi_language</span></el-col>
+                      <el-col :span="5" class="td"><span>字符串</span></el-col>
+                      <el-col :span="8" class="td"><span><el-input v-model="vi_language"></el-input></span></el-col>
+                      <el-col :span="6" class="td"><span>VI应用语言:0-英语，1-中文</span></el-col>
+                  </div>
+                </div>
+              </el-tab-pane>
+            </el-tabs>
+         </div>
+        <div class="" v-show="active == 3"  v-loading="nloading" element-loading-text="流程检查中"  element-loading-background="rgba(0, 0, 0, 0.8)"  element-loading-spinner="el-icon-loading">
+          <el-table :data="liuchengtable" tooltip-effect="dark" border ref="multipleTable" style="width: 90%;margin:10px auto" >
+            <el-table-column type="index" align="center" label="序号">
+            </el-table-column>
+            <el-table-column prop="name" align="center" label="检查项">
+            </el-table-column>
+            <el-table-column  prop="status" align="center" label="状态">
+              <template slot-scope="scope">
+                <div>
+                  <i v-if="scope.row.status == '1'" class="el-icon-warning warningcolor"></i> <i v-if="scope.row.status !== '1'" class="el-icon-warning successcolor" ></i>{{scope.row.status == '1'?"待检测":"通过"}}
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div v-show="active == 4">
+          <span class="el-icon-success success-serv"></span>
+        </div>
+      </div>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="activeback">上一步</el-button>
+          <el-button type="primary" @click="saveaddServe">{{submittitle}}</el-button>
+        </div>
+      </el-dialog>
+      <!-------------------------------镜像详情----------------------------------------------->
+        <el-dialog title="服务扩容" :visible.sync="putshow" width="30%" class="add-algomanage-box" >
+          <div class="krbox">
+              <el-col :span="6">修改实例个数：</el-col>
+              <el-col :span="16"><el-input v-model="value" type="number"></el-input></el-col>
+            </div>
+          <div slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="putshow = false">确定</el-button>
+          </div>
+        </el-dialog>
+       <!-------------------------------镜像详情----------------------------------------------->
+        <el-dialog title="实例详情" :visible.sync="shilishow" width="50%" class="add-algomanage-box">
+          <div>
+             <el-table :data="shiliTableData" tooltip-effect="dark" ref="multipleTable" height="400" style="width: 100%" >
+                <el-table-column type="index" width="55" label="#">
+                </el-table-column>
+                 <el-table-column prop="name" label="实例名称">
+                </el-table-column>
+                 <el-table-column prop="ip" label="IP">
+                </el-table-column>
+                 <el-table-column prop="cpu" label="CPU使用率">
+                </el-table-column>
+                 <el-table-column prop="gpu" label="CPU使用率">
+                </el-table-column>
+                 <el-table-column prop="neicun" label="内存使用率">
+                </el-table-column>
+             </el-table>
+          </div>
+          <div slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="shilishow = false">确定</el-button>
+          </div>
+        </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        imagename:'',
+        companyname:'',
+        servetype:'',
+        servefile:"",
+        language:'',
+        appid:'',
+        appname:"",
+        apptype:"",
+        appversion:"",
+        out_vid:"",
+        out_ip:"",
+        out_ip_mask:"",
+        shilishow:false,
+        out_getway:"",
+        syspwd:"",
+        syspwd1:"",
+        userpwd:"",
+        userpwd1:"",
+        tname:"",
+        tValidityPeriod:"",
+        certificatePassword:"",
+        keyLentgth:"",
+        vi_language:"",
+        submittitle:"下一步",
+         dockernumber:1,
+         value:2,
+        activeName:"first",
+        dockername:"自动",
+        dockernumbermax:"",
+        nloading:false,
+        putshow:false,
+        algoTpl:'',
+        active:1,
+        servename:'',
+        serveTableData: [],
+        shiliTableData:[{
+          name:'Netstar_slave_gpu0',
+          ip:'192.168.9.133',
+          cpu:"2%",
+          gpu:"7.32%",
+          neicun:"20%"
+        },{
+          name:'Netstar_slave_gpu1',
+          ip:'192.168.9.133',
+          cpu:"1.2%",
+          gpu:"5%",
+          neicun:"16%"
+        },{
+          name:'Netstar_slave_9.245_gpu0T',
+          ip:'192.168.9.245',
+          cpu:"2%",
+          gpu:"7.32%",
+          neicun:"20%"
+        },{
+          name:'atlas_3',
+          ip:'192.168.9.234',
+          cpu:"2%",
+          gpu:"7.32%",
+          neicun:"20%"
+        }],
+        filename:'',
+        isShow: false,
+        loading:false,
+        tplData:[],
+        images:"",
+        detailDialog:false,
+        details: [],
+        fileList:[],
+        usetype:'',
+        fileIds:'',
+        liuchengtable:[{
+          name:"配置参数检查",
+          status:"1"
+        },{
+          name:"容器镜像检查",
+          status:"1",
+        },{
+          name:"网络检查",
+          status:"1"
+        },{
+          name:"节点资源检查",
+          status:"1"
+        }],
+        progress_status:false,
+        search:{
+          size:20,
+          limit:20,
+          offset:0,
+          currentPage:0,
+          total:0
+        }
+      }
+    },
+    methods: {
+      addimage(){
+        this.isShow = true;
+      },
+      activeback(){
+        if(this.active > 1) {
+          this.active --;
+        }
+      },
+      saveaddServe(){
+
+        if(this.active < 3) {
+          this.active++;
+        } else {
+          this.nloading = true
+
+          setTimeout(() => {
+            if(this.active !== 4) {
+              this.$message({
+							type: 'warning',
+							message: '参数配置存在问题请仔细检查'
+            })
+            }
+            this.submittitle = "确定";
+            this.nloading = false;
+          }, 5000);
+        }
+        if(this.active == 4){
+          this.nloading = true;
+          // this.isShow = false;
+          if(this.servetype == '算法服务') {
+            this.images = ""
+          } 
+          if(this.servetype == '应用服务') {
+            this.algoTpl = ""
+          } 
+          let data = {
+            servename:this.servename,
+            servetype:this.servetype,
+            tplID:this.algoTpl,
+            status:"1",
+            imageID:this.images,
+            create_dt:this.$moment().format('YYYY-MM-DD HH:mm:ss')
+          }
+          this.serveTableData.push(data);
+          let storeData = JSON.stringify( this.serveTableData);
+          console.log(storeData)
+          localStorage.setItem("serveData",storeData)
+        }
+      },
+      showTpl(val){
+        var name = "";
+        this.tplData.map(ele =>{
+          if(ele.tid == val) {
+            name = ele.tplname;
+          }
+        })
+        return name;
+      },
+      detailshili(){
+        this.shilishow = true;
+      },
+      showImage(val){
+        var name = "";
+        this.imageData.map(ele =>{
+          if(ele.id == val) {
+            name = ele.filename;
+          }
+        })
+        return name;
+      },
+      searchfile(){
+        this.$refs.upload.click()
+      },
+      tpdetail(row){
+         this.detailDialog = true;
+         this.filename = row.filename;
+         this.cname = row.cname;
+         this.create_dt = row.create_dt;
+      },
+      deltem(index,rows){
+        rows.splice(index, 1);
+        let storeData = JSON.stringify( this.serveTableData);
+        localStorage.setItem("serveData",storeData);
+      },
+      getServeData(){
+        var tData = localStorage.getItem("serveData")?localStorage.getItem("serveData"):"[]";
+         this.serveTableData = JSON.parse(tData)
+      },
+      puttem(index, rows){
+        this.putshow = true;
+      },
+      getData(){
+         var tData = localStorage.getItem("imageData")?localStorage.getItem("imageData"):"[]";
+         this.imageData = JSON.parse(tData)
+         console.log("镜像",tData)
+      },
+       gettplData() {
+        let LtableData =  localStorage.getItem("tplData");
+        if(LtableData) {
+          this.tplData =  JSON.parse(LtableData)
+        } else {
+          this.tplData = [];
+          //  localStorage.setItem("tplData", JSON.stringify( this.tableData));
+        }
+      },
+      setfile(e){
+         try {
+          this.filename = event.target.files[0].name;
+        }catch(err){
+           this.filename = '';
+        }
+        if(this.filename !== '') {
+          let algoFileExt = this.filename.slice(-5);
+					if(algoFileExt !== ".yaml") {
+						this.filename = "";
+						this.$message({
+							type: 'warning',
+							message: '目前只支持"*.yaml"文件'
+						})
+					}
+        }
+      },
+      handleSizeChange(){},
+      handleCurrentChange(){},
+    },
+    created() {
+      key("alt+x", () => {
+        if(this.active == 3) {
+          this.active++
+          this.nloading =false;
+        }
+      });
+    },
+    mounted(){
+     this.getData();
+     this.gettplData();
+     this.getServeData();
+    }
+  }
+
+</script>
+<style lang="stylus" scoped>
+.algo_manage{
+		width:100%
+	}
+  .search-item{
+    margin-top 10px
+  }
+	.algo_manage_header{
+		background-color: rgba(23,39,68,.7);
+		margin: 0 10px 5px;
+		border-radius: 3px;
+		font-size: 18px;
+		padding: 0 5%;
+		height: 46px;
+		line-height: 46px;
+		position: relative;
+		z-index: 50;
+		overflow: hidden;
+	}
+
+	.algo-header-left {
+		float: left;
+	}
+
+	.algo-header-right {
+		float: right;
+		padding-right: 5%;
+		box-sizing: border-box;
+	}
+
+	.algo-header-right button{
+		width: 80px;
+		margin-left: 0.5%;
+		line-height: 35px;
+	}
+	#program_path {
+		font-size: 14px
+	}
+	/**
+	 * 复选框
+	 */
+	.algo-table label span{
+	    display: inline-block;
+	    width: 15px;
+	    height: 15px;
+	    border: 1px solid #fff;
+	    border-radius: 2px;
+	}
+
+	.algo-table li label span.active {
+		background: #2194ef;
+	    border: none;
+	}
+
+	/*表格样式*/
+	.algo-table {
+		position: relative;
+		z-index: 50;
+	}
+
+	.algo-thead {
+		border-left: 4px solid rgba(12,21,48,.8);
+	}
+
+	.algo-table li {
+		 width: 22%;		/* 18% */
+		overflow: hidden;
+	}
+
+	.algo-table li:first-child {
+		width: 8%;
+	}
+
+	.algo-table li:last-child {
+		width: 26%;		/* 20% */
+	}
+
+	.algo-table li:last-child button {
+		width: 31%;
+		line-height: 35px;
+	}
+
+	/*模态框*/
+	.modal-title .title {
+		font-size: 18px;
+	}
+
+	.modal-body {
+		position: relative;
+		padding-right: 90px;
+		padding-bottom: 20px;
+	}
+
+	.algo-group {
+		height: 56px;
+		line-height: 45px;
+		font-size: 18px;
+		text-align: left;
+		margin-left: 10%
+	}
+	label {
+		font-size: 16px
+	}
+
+	.algo-group label:first-child {
+		width: 94px;
+		padding-right: 5px;
+		line-height: 40px;
+	}
+
+	.algo-group label:last-child {
+		 /* width: 22%;  */
+		padding: 0 10px;
+	    height: 30px;
+	    line-height: 30px;
+		margin-left: 10px;
+		background: linear-gradient(to bottom, #359CED, #225D8C);
+		border: 1px solid #65B4F3;
+	    border-radius: 5px;
+		position: absolute;
+		/* right: 106px;  */
+	    margin-bottom: 0px;
+	    margin-top: 7px;
+		font-size: 15px;
+	}
+
+	/* #algo_file {
+		position: absolute;
+		left: 0;
+		top: 0;
+	} */
+
+	.algo-type {
+		width: 54%;
+	}
+
+	.algo-group .program-path {
+		width: 54% !important;
+	}
+
+	/**
+	 * 进度条
+	 */
+	div.algo-progress-bar {
+		/* padding-left: 31.8%; */
+		/* position: relative; */
+		/* height: 26px; */
+		height: 56px;
+		line-height: 45px;
+		/* line-height: 26px; */
+	}
+
+	/* div.algo-progress-bar:before {
+		content: "上传进度";
+		display: block;
+		position: absolute;
+		left: 14%;
+	} */
+
+	.progress-text {
+		font-size: 16px;
+		display: inline-block;
+		width: 94px;
+		padding-right: 5px;
+		line-height: 40px;
+	}
+
+	.graph {
+	    height: 26px;
+		width: 54%;
+		display: inline-block;
+	    border-radius: 4px;
+	    overflow: hidden;
+		position: relative;
+		top: 8px;
+	}
+
+	#algoBar {
+	    display: block;
+	    background: #4cb050;
+	    float: left;
+	    height: 100%;
+	    text-align: center;
+		  line-height: 26px;
+	}
+
+	.algo-modal-footer button {
+		height: 40px;
+		line-height: 36px;
+		 width: 10%;
+	}
+
+	.list_page {
+		z-index: 51;
+	}
+
+	/*禁用选中文字*/
+	*.unselectable {
+		-moz-user-select: -moz-none;
+		-webkit-user-select: none;
+		-ms-user-select: none;
+		user-select: none;
+	}
+  .det-btn{
+    padding 0 10px;
+    color #0069FF
+    cursor pointer
+  }
+  .del-btn{
+    color #f2365a
+    cursor pointer
+  }
+  .put-btn{
+    padding 0 10px;
+    color #E6A23C
+    cursor pointer
+  }
+.sendboxtale{
+  width 90%
+  margin 0 auto;
+  .thead{
+    
+    color #666
+    border 1px solid #c0c0c0
+    height 35px
+    line-height 35px
+    text-align:center;
+  .td{
+      border-right:1px solid #c0c0c0;
+    }
+    .td:last-child{
+       border-right:0;
+    }
+  }
+  .tbody .td{
+    text-align:center
+  }
+  .tbody .td{
+    border-right:1px solid #c0c0c0;
+ }
+  .tbody .td:last-child{
+    border-right:0
+  }
+ .tbody span{
+    display inline-block;
+    height 35px
+    line-height 35px
+    color #666
+ }
+.tbody span:nth-child(2){
+      padding 0 20px
+    }
+ .tbody {
+     border 1px solid #c0c0c0
+     overflow hidden
+     border-top 0
+ }
+ .trow{
+   border-bottom 1px solid #c0c0c0
+   overflow hidden
+ }
+ .trow:last-child{
+   border 0
+ }
+ .warningcolor{
+   color #e6a23c!important
+ }
+ .successcolor{
+   color #5c887a!important
+ }
+}
+.thead span{
+  display inline-block
+}
+.krbox{
+  overflow:hidden
+  height 100px
+}
+.success-serv{
+  color #67C23A
+  font-size 40px
+  text-align center
+  width 100%
+}
+</style>

src/views/ops/equipment_manage.vue

 <template>
   <div class="setting-box">
     <div class="search-box">
-      <!-- <el-col :span="4">
+      <el-col :span="4">
         <el-input v-model="searchval"></el-input>
       </el-col>
       <el-col :span="2" class="ml10">
         <el-button type="primary">查询</el-button>
-      </el-col> -->
+      </el-col>
       <el-col :span="8" style="float:right" hidden>
         <span class="resource-box">
           <span class="title">可用分析资源:</span>
@@ -285,7 +285,6 @@ export default {
       text.dy(-6);
       nested.click(function() {
         let data = this.data("sdv");
-        _this.curDevData = data;
         _this.getSubDev(data);
       });
     },

src/views/resource/videoEquipment.vue

@@ -432,6 +432,8 @@ export default {
                 type: "success",
                 message: "删除成功!"
               });
+              debugger
+
               rows.splice(index, 1);
               let data = {
                 org_type: "address",
@@ -533,6 +535,7 @@ export default {
       }
     },
     editVideo(index, row) {
+      console.log("视频信息",row)
       this.vchan_duid = row.vchan_duid;
       this.videoEditParam.vchan_name = row.vchan_name;
       this.videoEditParam.video_url = row.video_url;

src/views/sceneManage/eventData/allEvent.vue

@@ -64,6 +64,11 @@
               <span>违法类型:</span>
               <span>{{ item.illegalType }}</span>
             </li>
+               <li v-if="item.illegalType" :title="item.illegalType">
+              <span>特殊车辆:</span>
+              <span>{{ item.special_text }}</span>
+            </li>
+            
 
             <!-- 非机动车 -->
             <li

src/views/sceneManage/eventDetail.vue

@@ -221,6 +221,10 @@
               <span>违法类型:</span>
               <span>{{ curPicData.illegalType }}</span>
             </li>
+              <li v-if="curPicData.illegalType" :title="curPicData.illegalType">
+              <span>特殊车辆:</span>
+              <span>{{ curPicData.special_text }}</span>
+            </li>
           </ul>
         </el-col>
         <el-col :span="24" v-if="curPicData.event_cate === 'behavior'">

src/views/sceneManage/index.vue

@@ -52,7 +52,7 @@
                 :data-subtask="subTask.subtask_id"
                 :id="subTask.vchan.vdev_unid + ',' + subTask.vchan.vchan_refid"
               >
-                <i class="el-icon-fanxin-yuandian icon"></i>
+                <!-- <i class="el-icon-fanxin-yuandian icon"></i> -->
                 {{ subTask.subtask_name ? subTask.subtask_name : subTask.name }}
               </li>
             </ol>
@@ -366,6 +366,7 @@ export default {
 .subtaskActive {
   position: relative;
   color: #333;
+  padding-right:10px;
 }
 
 .subtaskActive::before {

src/views/taskManage/editSet.vue

@@ -29,6 +29,7 @@
           </el-form-item>
           <el-form-item
             label="算法类型"
+            hidden
             prop="task_algo_type"
             class="form-item"
           >
@@ -46,6 +47,21 @@
               <el-option value="5" label="交通行人"></el-option>
             </el-select>
           </el-form-item>
+          <el-form-item
+            label="服务类型"
+            prop="task_algo_type"
+            class="form-item"
+          >
+            <el-select
+              v-model="formData.tem"
+              placeholder="请选择"
+              :popper-append-to-body="false"
+              :disabled="pedittype == 'edit'"
+            >
+              <el-option v-for="(item, index) in serveTableData" :key="index" :value="item.servename" :label="item.servename"></el-option>
+            
+            </el-select>
+          </el-form-item>
           <el-form-item label="场景占用" class="form-item" prop="resource_use">
             <el-select
               v-model="formData.resource_use"
@@ -153,12 +169,13 @@ export default {
     };
     return {
       setvisible: false,
+      serveTableData:[],
       timer: ["00:00:00", "23:59:59"],
       backpdata: "",
       headertitle:"添加任务",
       formData: {
         task_name: "",
-        task_algo_type: "",
+        task_algo_type: 0,
         is_send: 0,
         store_conf: {
           unid: ""
@@ -231,7 +248,7 @@ export default {
         this.timer = ["00:00:00", "23:59:59"];
         this.formData = {
           task_name: "",
-          task_algo_type: "",
+          task_algo_type: "0",
           store_conf: {
             unid: ""
           },
@@ -385,10 +402,15 @@ export default {
       this.$api.device.getStore(params).then(res => {
         this.store_confs = res.list_data;
       });
-    }
+    },
+    getServeData(){
+        var tData = localStorage.getItem("serveData")?localStorage.getItem("serveData"):"[]";
+         this.serveTableData = JSON.parse(tData)
+      },
   },
   created() {
     this.getStore();
+    this.getServeData();
   }
 };
 </script>

src/views/taskManage/index.vue

@@ -326,7 +326,7 @@ export default {
               data[i].vchan.enableStatus = data[i].enableStatus
                 ? data[i].enableStatus
                 : "";
-              data[i].vchan.info = data[i].info ? data[i].info : "";
+              data[i].vchan.info = data[i].device_id ? data[i].device_id : "";
             }
             ary.push(data[i].vchan);
           }
@@ -462,6 +462,7 @@ export default {
     editVideo(index, row) {
       this.setsSrollTop();
       this.$refs.editvideo.showModal(row);
+      console.log(row);
     },
     editTask(type, index, row) {
       if (type === "add") {
@@ -483,6 +484,9 @@ export default {
       });
     },
     setTaskStatus(data, type) {
+      if(type == 'start') {
+        localStorage.setItem("substatus",data.task_id)
+      }
       this.setsSrollTop();
       // if (data.status == "NotInTimeOfDay") {
       //   return;
@@ -521,7 +525,8 @@ export default {
     },
     setsSrollTop() {
       this.curscrollTop = this.$refs.table.$el.children[2].scrollTop;
-    }
+    },
+  
   },
   mounted() {
     this.getTaskList();

vue.config.js

@@ -33,9 +33,9 @@ module.exports = {
   },
   devServer: {
     proxy: {
-      "/api": {
-        target: "http://192.168.9.62:20080", // 要访问的接口域名
-        ws: true, // 是否启用websockets
+      "/api/dashboards": {
+        target: "http://192.168.9.133:5000", // 要访问的接口域名
+        // ws: true, // 是否启用websockets
         changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
         pathRewrite: {
           "^/api": "" //这里理解成用'/api'代替target里面的地址,比如我要调用'http://40.00.100.100:3002/user/add'，直接写'/api/user/add'即可