feat(web): 新增系统管理功能并优化界面样式

- 更新路由配置，调整页面结构
- 优化主题样式，自定义 ant-design 样式
- 新增全局样式，包括滚动条、按钮、模态框等

web/src/style/antd.scss

@@ -1,14 +1,49 @@
-$border-color:#12FBFF;
-
+$border-color: #12fbff;
+$btn-confirm: #1C918A;
+$btn-del:#D43030;
 //级联器样式
-.ant-cascader{
-.ant-select-selector{
+.ant-cascader {
+  .ant-select-selector {
     background: none !important;
-    border: 1px solid  $border-color !important;
-    
+    border: 1px solid $border-color !important;
+  }
+  .ant-select-arrow {
+    color: $border-color;
+  }
+  .ant-select-selection-placeholder{
+    color: #ffffff3b;
+  }
 }
-.ant-select-arrow{
-        color: $border-color;
+//按钮样式
+// .ant-btn{
+//     padding: 4px 8px;
+// }
+.ant-btn-primary{
+    background: $btn-confirm;
+    &:hover{
+        background: $btn-confirm;
+        opacity: 0.8;
+    }
+    &:active{
+        background: #0f6f6a;
+
     }
 }
+.btn-del{
+  background: $btn-del;
+  &:hover{
+        background: $btn-del;
+        opacity: 0.8;
+    }
+    &:active{
+        background: $btn-del;
 
+    }
+}
+//modal样式
+.ant-modal .ant-modal-content{
+    background-image: url('@/assets/images/modalBg.png');
+    background-size: 100% 100%;
+    background-color: #ffffff00 !important;
+    border-radius: 0;
+}