From d259bd9cf2943926d1c8078ee0ce70a0aa1afef3 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期四, 06 八月 2020 09:58:38 +0800
Subject: [PATCH] 实时监控/摄像机配置/数据栈配置布局调整,应用窗口调整,算法管理更换为应用中心

---
 public/index.html |  308 ++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 290 insertions(+), 18 deletions(-)

diff --git a/public/index.html b/public/index.html
index a862cfd..095ad5a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,31 +11,303 @@
       sizes="32x32"
     />
     <link rel="stylesheet" href="/fonts/alibaba/iconfont.css">
+    <link rel="stylesheet" href="/css/element-variables.scss">
     <title><%= htmlWebpackPlugin.options.title %></title>
-    <style>
-      html,
-      body,
-      h2,
-      p,
-      ul,
-      li {
-        margin: 0;
-        padding: 0;
+    <style src="/css/common.scss" lang="scss"></style>
+    <style src="/css/overried.scss" lang="scss"></style>
+    <style >
+    html,body {
+      font-family: "Avenir", Helvetica, Arial, sans-serif;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      text-align: center;
+      color: #2c3e50;
+      width: 100%;
+      height: 100%;
+    }
+    .el-button--primary:hover,
+      .el-button--primary:focus {
+        background: #2249b4;
+        border-color: #2249b4;
+      }
+      .el-button--warning:hover,
+      .el-button--warning:focus {
+        background: #fd780b;
+        border-color: #fd780b;
       }
 
-      .clearfix::after{
-        content: '';
-        display: block;
-        height: 0;
-        clear: both;
+      .el-button--danger:hover,
+      .el-button--danger:focus {
+        background: #d22929;
+        border-color: #d22929;
       }
-      .ml10{
-        margin-left: 10px;
+
+      .el-button--info {
+        color: #222222;
       }
-      .mr10{
-        margin-right: 10px;
+      .el-button--info:hover,
+      .el-button--info:focus {
+        background: rgb(190, 190, 190);
+        border-color: rgb(190, 190, 190);
       }
+
+      .el-button--text:focus,
+      .el-button--text:hover {
+        color: #2249b4;
+      }
+
+      .el-tag.el-tag--info {
+        background-color: #f4f4f5;
+        border-color: #e9e9eb;
+        color: #909399;
+      }
+    /* reset */
+    html {
+      color: #000;
+      background: #fff;
+    }
+    body,
+    div,
+    dl,
+    dt,
+    dd,
+    ul,
+    ol,
+    li,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    input,
+    button,
+    textarea,
+    p,
+    blockquote,
+    th,
+    td {
+      margin: 0;
+      padding: 0;
+    }
+    /* body {
+      font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
+    } */
+    img {
+      border: none;
+    }
+    em,
+    strong {
+      font-style: normal;
+      font-weight: normal;
+    }
+    li {
+      list-style: none;
+    }
+    table {
+      border-collapse: collapse;
+      border-spacing: 0;
+    }
+    h1 {
+      font-size: 18px;
+    }
+    h2 {
+      font-size: 16px;
+    }
+    h3 {
+      font-size: 14px;
+    }
+    h4,
+    h5,
+    h6 {
+      font-size: 100%;
+    }
+    q:before,
+    q:after {
+      content: "";
+    } /* 娑堥櫎q鍓嶅悗鐨勫唴瀹� */
+    button,
+    input,
+    select,
+    textarea {
+      font-size: 100%;
+    } /* 浣垮緱琛ㄥ崟鍏冪礌鍦� ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */
+    input,
+    button,
+    textarea,
+    select,
+    optgroup,
+    option {
+      font-family: inherit;
+      font-size: inherit;
+      font-style: inherit;
+      font-weight: inherit;
+    }
+    address,
+    cite,
+    dfn,
+    em,
+    var {
+      font-style: normal;
+    } /* 灏嗘枩浣撴壎姝� */
+    /* link */
+    a {
+      color: #3d68e1;
+      text-decoration: none;
+    }
+    a:hover {
+      color: #2249b4;
+      text-decoration: underline;
+    }
+    .fade-enter-active,
+    .fade-leave-active {
+      transition: opacity 0.5s;
+    }
+    .fade-enter,
+    .fade-leave-active {
+      opacity: 0;
+    }
+
+    /*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/
+    ::-webkit-scrollbar {
+      width: 8px;
+      height: 8px;
+      background-color: #f5f5f5;
+    }
+
+    /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
+    ::-webkit-scrollbar-track {
+      box-shadow: inset 0 0 3px rgba(122, 120, 120, 0.3);
+      border-radius: 5px;
+      background-color: #f5f5f5;
+    }
+
+    /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/
+    ::-webkit-scrollbar-thumb {
+      border-radius: 5px;
+      box-shadow: inset 0 0 3px rgba(245, 243, 243, 0.3);
+      background-color: rgba(160, 158, 158, 0.8);
+    }
+    .fade-enter-active,
+    .fade-leave-active {
+      transition: opacity 0.5s;
+    }
+    .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
+      opacity: 0;
+    }
+    .window {
+      z-index: 10 !important;
+    }
+    .el-card__body {
+      box-sizing: border-box;
+    }
+
+    .is-dark {
+      background: #00000090 !important;
+    }
+  
+    .el-tooltip__popper {
+      border-radius: 0px;
+      padding: 5px 10px;
+    }
+
+    .atooltip.el-tooltip__popper[x-placement^="bottom"] .popper__arrow {
+      border-bottom-color: #20202090;
+    }
+    .atooltip.el-tooltip__popper[x-placement^="bottom"] .popper__arrow:after {
+      border-bottom-color: #68666690;
+    }
+    .atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow {
+      border-top-color: #20202090;
+    }
+    .atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow:after {
+      border-top-color: #68666690;
+    }
+    .atooltip.el-tooltip__popper[x-placement^="left"] .popper__arrow {
+      border-left-color: #20202090;
+    }
+    .atooltip.el-tooltip__popper[x-placement^="left"] .popper__arrow:after {
+      border-left-color: #68666690;
+    }
+    .atooltip.el-tooltip__popper[x-placement^="right"] .popper__arrow {
+      border-right-color: #20202090;
+    }
+    .atooltip.el-tooltip__popper[x-placement^="right"] .popper__arrow:after {
+      border-right-color: #68666690;
+    }
+
+    .el-menu-vertical-demo {
+      overflow-y: hidden;
+      overflow-x: hidden;
+    }
+    .el-menu-vertical-demo::-webkit-scrollbar {
+      /*婊氬姩鏉℃暣浣撴牱寮�*/
+      width: 4px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/
+      height: 4px;
+    }
+    .el-menu-vertical-demo::-webkit-scrollbar-thumb {
+      /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/
+      border-radius: 5px;
+      box-shadow: inset 0 0 5px rgba(157, 165, 183, 0);
+      -webkit-box-shadow: inset 0 0 5px rgba(157, 165, 183, 0);
+      background: rgb(202, 201, 201);
+    }
+    .el-menu-vertical-demo::-webkit-scrollbar-track {
+      /*婊氬姩鏉¢噷闈㈣建閬�*/
+      box-shadow: inset 0 0 5px rgba(157, 165, 183, 0);
+      -webkit-box-shadow: inset 0 0 5px rgba(157, 165, 183, 0);
+      border-radius: 0;
+      background: rgb(255, 255, 255);
+    }
+    .el-menu-vertical-demo::-webkit-scrollbar-thumb:hover {
+      background: rgba(0, 0, 0, 0.4);
+    }
+    .el-menu-vertical-demo:hover {
+      overflow-y: visible;
+      overflow-x: hidden;
+    }
+
+    .el-dropdown-menu__item:focus,
+    .el-dropdown-menu__item:not(.is-disabled):hover {
+      background: rgba(61, 104, 225, 0.5);
+      color: #fff;
+    }
+
+    /* 鎺у埗涓嬫媺鑿滃崟鏄剧ず6涓� */
+    .el-dropdown-menu {
+      border-radius: 0px;
+      max-height: 205px;
+      overflow: auto;
+    }
+
+    .el-range-editor.el-input__inner {
+      border-radius: 2px;
+    }
+
+    .el-message-box .el-message-box__btns .el-button--primary{
+      background-color:#3d68e1;
+      border-color:#3d68e1;
+    }
+    .el-message-box .el-message-box__btns .el-button--primary:hover{
+      background-color:#2249b4;
+      border-color:#2249b4;
+    }
+    .btn-icon {
+      cursor: pointer;
+    }
+
+    .btn-icon:hover {
+      filter: drop-shadow(0 0 0 #fff);
+      opacity: 0.8;
+    }
+    .clearfix::after{
+      content: '';
+      display: block;
+      height: 0;
+      clear: both;
+    }
     </style>
+
   </head>
   <body>
     <noscript>

--
Gitblit v1.8.0