diff --git a/package.json b/package.json
index d239376..2f4393a 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
     "eslint-plugin-vue": "^6.2.2",
     "less": "^2.7.3",
     "less-loader": "^6.2.0",
-    "node-sass": "^4.14.1",
+    "sass": "^1.69.5",
     "sass-loader": "^8.0.2",
     "vue-happy-scroll": "^2.1.1",
     "vue-template-compiler": "^2.6.11"
diff --git a/public/antd_color.less b/public/antd_color.less
index b746b9c..df8a41e 100644
--- a/public/antd_color.less
+++ b/public/antd_color.less
@@ -33,8 +33,41 @@ legend {color: inherit;}
 mark {background-color: #feffe6;}
 ::selection {color: #fff;background: @primary-color;}
 .anticon {color: inherit;}
+.fade-enter, .fade-appear {animation-fill-mode: both;}
+.fade-leave {animation-fill-mode: both;}
+.move-up-enter, .move-up-appear {animation-fill-mode: both;}
+.move-up-leave {animation-fill-mode: both;}
+.move-down-enter, .move-down-appear {animation-fill-mode: both;}
+.move-down-leave {animation-fill-mode: both;}
+.move-left-enter, .move-left-appear {animation-fill-mode: both;}
+.move-left-leave {animation-fill-mode: both;}
+.move-right-enter, .move-right-appear {animation-fill-mode: both;}
+.move-right-leave {animation-fill-mode: both;}
 html {--antd-wave-shadow-color: @primary-color;}
-[ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node {border-radius: inherit;box-shadow: 0 0 0 0 @primary-color;box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);}
+[ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node {border-radius: inherit;box-shadow: 0 0 0 0 @primary-color;box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);animation-fill-mode: forwards;}
+.slide-up-enter, .slide-up-appear {animation-fill-mode: both;}
+.slide-up-leave {animation-fill-mode: both;}
+.slide-down-enter, .slide-down-appear {animation-fill-mode: both;}
+.slide-down-leave {animation-fill-mode: both;}
+.slide-left-enter, .slide-left-appear {animation-fill-mode: both;}
+.slide-left-leave {animation-fill-mode: both;}
+.slide-right-enter, .slide-right-appear {animation-fill-mode: both;}
+.slide-right-leave {animation-fill-mode: both;}
+.swing-enter, .swing-appear {animation-fill-mode: both;}
+.zoom-enter, .zoom-appear {animation-fill-mode: both;}
+.zoom-leave {animation-fill-mode: both;}
+.zoom-big-enter, .zoom-big-appear {animation-fill-mode: both;}
+.zoom-big-leave {animation-fill-mode: both;}
+.zoom-big-fast-enter, .zoom-big-fast-appear {animation-fill-mode: both;}
+.zoom-big-fast-leave {animation-fill-mode: both;}
+.zoom-up-enter, .zoom-up-appear {animation-fill-mode: both;}
+.zoom-up-leave {animation-fill-mode: both;}
+.zoom-down-enter, .zoom-down-appear {animation-fill-mode: both;}
+.zoom-down-leave {animation-fill-mode: both;}
+.zoom-left-enter, .zoom-left-appear {animation-fill-mode: both;}
+.zoom-left-leave {animation-fill-mode: both;}
+.zoom-right-enter, .zoom-right-appear {animation-fill-mode: both;}
+.zoom-right-leave {animation-fill-mode: both;}
 .ant-alert {color: @text-color;border-radius: 4px;}
 .ant-alert-success {background-color: #f6ffed;border: 1px solid #b7eb8f;}
 .ant-alert-success .ant-alert-icon {color: #52c41a;}
@@ -52,6 +85,7 @@ html {--antd-wave-shadow-color: @primary-color;}
 .ant-alert-with-description {color: @text-color;border-radius: 4px;}
 .ant-alert-with-description .ant-alert-message {color: @heading-color;}
 .ant-alert-message {color: @heading-color;}
+.ant-alert-slide-up-leave {animation-fill-mode: both;}
 .ant-alert-banner {border: 0;border-radius: 0;}
 .ant-anchor {color: @text-color;}
 .ant-anchor-wrapper {background-color: #fff;}
@@ -63,7 +97,7 @@ html {--antd-wave-shadow-color: @primary-color;}
 .ant-select-auto-complete.ant-select .ant-select-selection {border: 0;box-shadow: none;}
 .ant-select-auto-complete.ant-select .ant-input {background: transparent;border-width: 1px;}
 .ant-select-auto-complete.ant-select .ant-input:focus, .ant-select-auto-complete.ant-select .ant-input:hover {border-color: color(~`colorPalette("@{primary-color}", 5)`);border-right-width: 1px !important;}
-.ant-select-auto-complete.ant-select .ant-input[disabled] {color: rgba(0, 0, 0, 0.25);background-color: #f5f5f5;background-color: transparent;}
+.ant-select-auto-complete.ant-select .ant-input[disabled] {color: rgba(0, 0, 0, 0.25);background-color: #f5f5f5;}
 .ant-select-auto-complete.ant-select .ant-input[disabled]:hover {border-color: #d9d9d9;border-right-width: 1px !important;}
 .ant-avatar {color: @text-color;color: #fff;background: #ccc;border-radius: 50%;}
 .ant-avatar-image {background: transparent;}
@@ -98,6 +132,8 @@ html {--antd-wave-shadow-color: @primary-color;}
 .ant-badge-status-geekblue {background: #2f54eb;}
 .ant-badge-status-purple {background: #722ed1;}
 .ant-badge-status-text {color: @text-color;}
+.ant-badge-zoom-appear, .ant-badge-zoom-enter {animation-fill-mode: both;}
+.ant-badge-zoom-leave {animation-fill-mode: both;}
 .ant-breadcrumb {color: @text-color;color: @text-color-secondary;}
 .ant-breadcrumb a {color: @text-color-secondary;}
 .ant-breadcrumb a:hover {color: color(~`colorPalette("@{primary-color}", 5)`);}
@@ -330,7 +366,7 @@ html {--antd-wave-shadow-color: @primary-color;}
 .ant-cascader-menu-item .ant-cascader-menu-item-keyword {color: #f5222d;}
 .ant-checkbox {color: @text-color;}
 .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner {border-color: @primary-color;}
-.ant-checkbox-checked::after {border: 1px solid @primary-color;border-radius: 2px;}
+.ant-checkbox-checked::after {border: 1px solid @primary-color;border-radius: 2px;animation-fill-mode: backwards;}
 .ant-checkbox-inner {background-color: #fff;border: 1px solid #d9d9d9;border-radius: 2px;border-collapse: separate;}
 .ant-checkbox-inner::after {border: 2px solid #fff;border-top: 0;border-left: 0;}
 .ant-checkbox-checked .ant-checkbox-inner::after {border: 2px solid #fff;border-top: 0;border-left: 0;}
@@ -356,14 +392,6 @@ html {--antd-wave-shadow-color: @primary-color;}
 .ant-collapse-borderless > .ant-collapse-item:last-child, .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {border-radius: 0;}
 .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {background-color: transparent;border-top: 0;}
 .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header, .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {color: rgba(0, 0, 0, 0.25);}
-.ant-color-picker {color: rgba(0, 0, 0, 0.65);}
-.ant-color-picker .pickr .pcr-button:focus {box-shadow: none;}
-.ant-color-picker.ant-color-picker-disabled .ant-color-picker-selection {background: #f5f5f5;box-shadow: none;border: 1px solid #d9d9d9;}
-.ant-color-picker.ant-color-picker-disabled .ant-color-picker-selection:hover, .ant-color-picker.ant-color-picker-disabled .ant-color-picker-selection:focus, .ant-color-picker.ant-color-picker-disabled .ant-color-picker-selection:active {border: 1px solid #d9d9d9;box-shadow: none;}
-.ant-color-picker-open .ant-color-picker-selection {border-color: color(~`colorPalette("@{primary-color}", 5)`);border-right-width: 1px !important;box-shadow: 0 0 0 2px fade(@primary-color, 20%);}
-.ant-color-picker-selection {background-color: #fff;border: 1px solid #d9d9d9;border-top-width: 1.02px;border-radius: 4px;}
-.ant-color-picker-selection:hover {border-color: color(~`colorPalette("@{primary-color}", 5)`);border-right-width: 1px !important;}
-.ant-color-picker-icon {color: inherit;color: rgba(0, 0, 0, 0.25);}
 .ant-comment-avatar img {border-radius: 50%;}
 .ant-comment-content-author-name {color: @text-color-secondary;}
 .ant-comment-content-author-name > * {color: @text-color-secondary;}
@@ -512,6 +540,7 @@ li.ant-calendar-time-picker-select-option-disabled:hover {background: transparen
 .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {border-color: @text-color;}
 .ant-calendar-year-panel-footer {border-top: 1px solid #e8e8e8;}
 .ant-calendar-year-panel-table {border-collapse: separate;}
+.ant-calendar-year-panel-cell-disabled .ant-calendar-year-panel-year, .ant-calendar-year-panel-cell-disabled .ant-calendar-year-panel-year:hover {color: rgba(0, 0, 0, 0.25);background: #f5f5f5;}
 .ant-calendar-year-panel-year {color: @text-color;background: transparent;border-radius: 2px;}
 .ant-calendar-year-panel-year:hover {background: color(~`colorPalette("@{primary-color}", 1)`);}
 .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {color: #fff;background: @primary-color;}
@@ -674,6 +703,10 @@ form .ant-upload {background: transparent;}
 .has-error .ant-transfer-list-search:not([disabled]):hover {border-color: color(~`colorPalette("@{primary-color}", 5)`);border-right-width: 1px !important;}
 .has-error .ant-transfer-list-search:not([disabled]):focus {border-color: color(~`colorPalette("@{primary-color}", 5)`);border-right-width: 1px !important;box-shadow: 0 0 0 2px fade(@primary-color, 20%);}
 .is-validating.has-feedback .ant-form-item-children-icon {color: @primary-color;}
+.show-help-enter, .show-help-appear {animation-fill-mode: both;}
+.show-help-leave {animation-fill-mode: both;}
+.show-help-enter, .show-help-appear {animation-fill-mode: both;}
+.show-help-leave {animation-fill-mode: both;}
 .ant-form {color: @text-color;}
 .ant-form legend {color: @text-color-secondary;border: 0;border-bottom: 1px solid #d9d9d9;}
 .ant-form output {color: @text-color;}
@@ -758,6 +791,10 @@ form .ant-upload {background: transparent;}
 .has-error .ant-transfer-list-search:not([disabled]):hover {border-color: color(~`colorPalette("@{primary-color}", 5)`);border-right-width: 1px !important;}
 .has-error .ant-transfer-list-search:not([disabled]):focus {border-color: color(~`colorPalette("@{primary-color}", 5)`);border-right-width: 1px !important;box-shadow: 0 0 0 2px fade(@primary-color, 20%);}
 .is-validating.has-feedback .ant-form-item-children-icon {color: @primary-color;}
+.show-help-enter, .show-help-appear {animation-fill-mode: both;}
+.show-help-leave {animation-fill-mode: both;}
+.show-help-enter, .show-help-appear {animation-fill-mode: both;}
+.show-help-leave {animation-fill-mode: both;}
 .ant-input {color: @text-color;background-color: #fff;background-image: none;border: 1px solid #d9d9d9;border-radius: 4px;}
 .ant-input::-moz-placeholder {color: #bfbfbf;}
 .ant-input:-ms-input-placeholder {color: #bfbfbf;}
@@ -911,7 +948,7 @@ form .ant-upload {background: transparent;}
 .ant-menu-vertical.ant-menu-sub .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {border-right: 0;}
 .ant-menu-vertical.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {border-right: 0;}
 .ant-menu > .ant-menu-item-divider {background-color: #e8e8e8;}
-.ant-menu-submenu-popup {background: #fff;border-radius: 4px;}
+.ant-menu-submenu-popup {border-radius: 4px;}
 .ant-menu-submenu > .ant-menu {background-color: #fff;border-radius: 4px;}
 .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {background: #fff;background: @text-color ;background-image: linear-gradient(to right, @text-color, @text-color);background-image: none ;border-radius: 2px;}
 .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {background: linear-gradient(to right, @primary-color, @primary-color);}
@@ -984,6 +1021,9 @@ form .ant-upload {background: transparent;}
 .anticon.ant-notification-notice-icon-error {color: #f5222d;}
 .ant-notification-notice-close {color: @text-color-secondary;}
 .ant-notification-notice-close:hover {color: shade(@text-color-secondary, 40%);}
+.ant-notification .notification-fade-effect {animation-fill-mode: both;}
+.ant-notification-fade-enter, .ant-notification-fade-appear {animation-fill-mode: both;}
+.ant-notification-fade-leave {animation-fill-mode: both;}
 .ant-page-header {color: @text-color;background-color: #fff;}
 .ant-page-header-ghost {background-color: inherit;}
 .ant-page-header-back-button {color: @primary-color;color: #000;}
@@ -1043,14 +1083,18 @@ form .ant-upload {background: transparent;}
 .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {border-top-color: #fff;border-right-color: #fff;border-bottom-color: transparent;border-left-color: transparent;box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);}
 .ant-progress {color: @text-color;}
 .ant-progress-inner {background-color: #f5f5f5;border-radius: 100px;}
+.ant-progress-circle-trail {stroke: #f5f5f5;}
+.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {stroke: #1890ff;}
 .ant-progress-success-bg, .ant-progress-bg {background-color: #1890ff;border-radius: 100px;}
 .ant-progress-success-bg {background-color: #52c41a;}
 .ant-progress-text {color: @text-color-secondary;}
 .ant-progress-status-active .ant-progress-bg::before {background: #fff;border-radius: 10px;}
 .ant-progress-status-exception .ant-progress-bg {background-color: #f5222d;}
 .ant-progress-status-exception .ant-progress-text {color: #f5222d;}
+.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {stroke: #f5222d;}
 .ant-progress-status-success .ant-progress-bg {background-color: #52c41a;}
 .ant-progress-status-success .ant-progress-text {color: #52c41a;}
+.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {stroke: #52c41a;}
 .ant-progress-circle .ant-progress-inner {background-color: transparent;}
 .ant-progress-circle .ant-progress-text {color: @text-color;}
 .ant-progress-circle.ant-progress-status-exception .ant-progress-text {color: #f5222d;}
@@ -1060,7 +1104,7 @@ form .ant-upload {background: transparent;}
 .ant-radio {color: @text-color;}
 .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner {border-color: @primary-color;}
 .ant-radio-input:focus + .ant-radio-inner {box-shadow: 0 0 0 3px rgba(18, 52, 86, 0.08);}
-.ant-radio-checked::after {border: 1px solid @primary-color;border-radius: 50%;}
+.ant-radio-checked::after {border: 1px solid @primary-color;border-radius: 50%;animation-fill-mode: both;}
 .ant-radio-inner {background-color: #fff;border-color: #d9d9d9;border-style: solid;border-width: 1px;border-radius: 100px;}
 .ant-radio-inner::after {background-color: @primary-color;border-top: 0;border-left: 0;border-radius: 8px;}
 .ant-radio-checked .ant-radio-inner {border-color: @primary-color;}
@@ -1074,14 +1118,19 @@ form .ant-upload {background: transparent;}
 .ant-radio-button-wrapper:last-child {border-radius: 0 4px 4px 0;}
 .ant-radio-button-wrapper:first-child:last-child {border-radius: 4px;}
 .ant-radio-button-wrapper:hover {color: @primary-color;}
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {color: @primary-color;background: #fff;border-color: @primary-color;box-shadow: -1px 0 0 0 @primary-color;}
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {background-color: @primary-color !important;}
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {border-color: @primary-color;box-shadow: none !important;}
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {color: color(~`colorPalette("@{primary-color}", 5)`);border-color: color(~`colorPalette("@{primary-color}", 5)`);box-shadow: -1px 0 0 0 color(~`colorPalette("@{primary-color}", 5)`);}
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {color: color(~`colorPalette("@{primary-color}", 7)`);border-color: color(~`colorPalette("@{primary-color}", 7)`);box-shadow: -1px 0 0 0 color(~`colorPalette("@{primary-color}", 7)`);}
+.ant-radio-button-wrapper:focus-within {box-shadow: 0 0 0 3px rgba(18, 52, 86, 0.08);}
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {color: @primary-color;background: #fff;border-color: @primary-color;}
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {background-color: @primary-color;}
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {border-color: @primary-color;}
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {color: color(~`colorPalette("@{primary-color}", 5)`);border-color: color(~`colorPalette("@{primary-color}", 5)`);}
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {background-color: color(~`colorPalette("@{primary-color}", 5)`);}
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {color: color(~`colorPalette("@{primary-color}", 7)`);border-color: color(~`colorPalette("@{primary-color}", 7)`);}
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {background-color: color(~`colorPalette("@{primary-color}", 7)`);}
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {box-shadow: 0 0 0 3px rgba(18, 52, 86, 0.08);}
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {color: #fff;background: @primary-color;border-color: @primary-color;}
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {color: #fff;background: color(~`colorPalette("@{primary-color}", 5)`);border-color: color(~`colorPalette("@{primary-color}", 5)`);}
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {color: #fff;background: color(~`colorPalette("@{primary-color}", 7)`);border-color: color(~`colorPalette("@{primary-color}", 7)`);}
+.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {box-shadow: 0 0 0 3px rgba(18, 52, 86, 0.08);}
 .ant-radio-button-wrapper-disabled {color: rgba(0, 0, 0, 0.25);background-color: #f5f5f5;border-color: #d9d9d9;}
 .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover {color: rgba(0, 0, 0, 0.25);background-color: #f5f5f5;border-color: #d9d9d9;}
 .ant-radio-button-wrapper-disabled:first-child {border-left-color: #d9d9d9;}
@@ -1480,7 +1529,7 @@ li.ant-time-picker-panel-select-option-disabled:focus {color: rgba(0, 0, 0, 0.25
 .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {background: @primary-color;}
 .ant-tree-checkbox {color: @text-color;}
 .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, .ant-tree-checkbox:hover .ant-tree-checkbox-inner, .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {border-color: @primary-color;}
-.ant-tree-checkbox-checked::after {border: 1px solid @primary-color;border-radius: 2px;}
+.ant-tree-checkbox-checked::after {border: 1px solid @primary-color;border-radius: 2px;animation-fill-mode: backwards;}
 .ant-tree-checkbox-inner {background-color: #fff;border: 1px solid #d9d9d9;border-radius: 2px;border-collapse: separate;}
 .ant-tree-checkbox-inner::after {border: 2px solid #fff;border-top: 0;border-left: 0;}
 .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {border: 2px solid #fff;border-top: 0;border-left: 0;}
@@ -1513,7 +1562,7 @@ li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {background
 .ant-tree.ant-tree-show-line li:not(:last-child)::before {border-left: 1px solid #d9d9d9;}
 .ant-select-tree-checkbox {color: @text-color;}
 .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {border-color: @primary-color;}
-.ant-select-tree-checkbox-checked::after {border: 1px solid @primary-color;border-radius: 2px;}
+.ant-select-tree-checkbox-checked::after {border: 1px solid @primary-color;border-radius: 2px;animation-fill-mode: backwards;}
 .ant-select-tree-checkbox-inner {background-color: #fff;border: 1px solid #d9d9d9;border-radius: 2px;border-collapse: separate;}
 .ant-select-tree-checkbox-inner::after {border: 2px solid #fff;border-top: 0;border-left: 0;}
 .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {border: 2px solid #fff;border-top: 0;border-left: 0;}
@@ -1573,9 +1622,7 @@ li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hov
 .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {background-color: #fafafa;}
 .ant-upload-list-picture-card .ant-upload-list-item-uploading-text {color: @text-color-secondary;}
 .ant-upload-list .ant-upload-success-icon {color: #52c41a;}
-.primary-color {color: #1890ff;}
-.primary-color {color: @primary-color;}
-.primary-color {color: #1890ff;}
+.ant-upload-list .ant-upload-animate-enter, .ant-upload-list .ant-upload-animate-leave, .ant-upload-list .ant-upload-animate-inline-enter, .ant-upload-list .ant-upload-animate-inline-leave {animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);}
 .bezierEasingMixin() {
 @functions: ~`(function() {var NEWTON_ITERATIONS = 4;var NEWTON_MIN_SLOPE = 0.001;var SUBDIVISION_PRECISION = 0.0000001;var SUBDIVISION_MAX_ITERATIONS = 10;var kSplineTableSize = 11;var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);var float32ArraySupported = typeof Float32Array === 'function';function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
   function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
@@ -2345,8 +2392,8 @@ this.tinycolor = tinycolor;})()`;}
 @layout-sider-background-light: #fff;
 @layout-trigger-background-light: #fff;
 @layout-trigger-color-light: @text-color;
-@zindex-badge: auto;
-@zindex-table-fixed: auto;
+@zindex-badge: 1;
+@zindex-table-fixed: 1;
 @zindex-affix: 10;
 @zindex-back-top: 10;
 @zindex-picker-panel: 10;
diff --git a/public/index.html b/public/index.html
index caa96f8..75b49ab 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,12 +10,12 @@
     
     <!-- <script src="/video_play_plugins/video.js"></script> -->
     <script src="/video_play_plugins/webrtcplayer.js"></script>
-    <title>北起智能视觉系统</title>
+    <title>智能视觉系统</title>
 </head>
 
 <body>
     <noscript>
-        <strong>We're sorry but 北起智能视觉系统 doesn't work properly without JavaScript enabled. Please enable it to
+        <strong>We're sorry but 智能视觉系统 doesn't work properly without JavaScript enabled. Please enable it to
             continue.</strong>
     </noscript>
     
diff --git a/src/store/modules/styles.js b/src/store/modules/styles.js
index de2bb0e..50917e8 100644
--- a/src/store/modules/styles.js
+++ b/src/store/modules/styles.js
@@ -11,7 +11,7 @@ const store =  {
                 "primary-color":"rgba(33, 56, 207, 1)"
             },
             "title":{
-                "text":"北起院智能视觉系统",
+                "text":"智能视觉系统",
                 "style":{
                     "color":"rgba(255, 255, 255, 1)",
                     "background-color":"rgba(6, 87, 207, 1)",
diff --git a/src/views/cameraManage/model.vue b/src/views/cameraManage/model.vue
index 0108628..37ea47f 100644
--- a/src/views/cameraManage/model.vue
+++ b/src/views/cameraManage/model.vue
@@ -30,6 +30,11 @@
                              v-decorator="['rtcServer']"
                          />
                      </a-form-item>
+                       <a-form-item label="通道" :label-col="formItemVerticalLayout.labelCol">
+                         <a-input
+                             v-decorator="['channel']"
+                         />
+                     </a-form-item>
                  </a-form>
              </a-modal>
          </template>
@@ -227,6 +232,7 @@ export default {
                         ip:newVal.ip,
                         rtsp:newVal.rtsp,
                         rtcServer:newVal.rtcServer,
+                        channel:newVal.channel,
                         rtcServerPort:newVal.rtcServerPort
                     })
                 })
diff --git a/vue.config.js b/vue.config.js
index 3832c02..2f65dfa 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,6 @@
 module.exports = {
+    // 关闭多线程编译（thread-loader 在高版本 Node 下会因参数丢失报错）
+    parallel: false,
     css: {
         // 启用 CSS modules
         requireModuleExtension: true,